@charset 'utf-8';
/* CSS reset */
html{color:#000;background:#FFF;font-family:Arial,'SimHei';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:Arial,'SimHei';}
body{font-size: 12px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:none; color:#000; outline:none;}/*此处待添加默认链接颜色*/
a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

.fl {
	float: left;
}
.fr {
	float: right;
}
.fn {
	float: none;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.pf {
	position: fixed;
}
.pa0 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.patl0 {
	position: absolute;
	top: 0;
	left: 0;
}
.patr0 {
	position: absolute;
	top: 0;
	right: 0;
}
.pabl0 {
	position: absolute;
	bottom: 0;
	left: 0;
}
.pabr0 {
	position: absolute;
	bottom: 0;
	right: 0;
}
.pf0 {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.pftl0 {
	position: fixed;
	top: 0;
	left: 0;
}
.pftr0 {
	position: fixed;
	top: 0;
	right: 0;
}
.pfbl0 {
	position: fixed;
	bottom: 0;
	left: 0;
}
.pfbr0 {
	position: fixed;
	bottom: 0;
	right: 0;
}
.dn {
	display: none;
}
.db {
	display: block;
}
.ove {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}
.sn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.mw {
	min-width: 100%;
}
.w {
	width: 100%;
}
.h {
	height: 100%;
}
.fwh {
	width: 100%;
	height: 100%;
}
.ma {
	margin: 0 auto;
}
.mtb (@margin) {
	margin-top: @margin;
	margin-bottom: @margin;
}
.mlr (@margin) {
	margin-left: @margin;
	margin-right: @margin;
}
.p (@padding) {
	padding: @padding @padding @padding @padding;
}
.ptb (@padding) {
	padding-top: @padding;
	padding-bottom: @padding;
}
.plr (@padding) {
	padding-left: @padding;
	padding-right: @padding;
}
.s(@len: 100%) {
	width: @len;
	height: @len;
}
.r(@dia) {
	width: @dia;
	height: @dia;
	.bra(50%);
}
.rhz(@dia, @fz) {
	width: @dia;
	height: @dia;
	line-height: @dia;
	font-size: @fz;
	text-align: center;
	.bra(50%);
}
.rhcz(@dia, @color, @fz) {
	width: @dia;
	height: @dia;
	line-height: @dia;
	color: @color;
	font-size: @fz;
	text-align: center;
	.bra(50%);
}
.bdn {
	border: none;
}
.bd(@color, @width: 1px) {
	border: @width solid @color;
}
.bt(@color, @width: 1px) {
	border-top: @width solid @color;
}
.bb(@color, @width: 1px) {
	border-bottom: @width solid @color;
}
.br(@color, @width: 1px) {
	border-right: @width solid @color;
}
.bl(@color, @width: 1px) {
	border-left: @width solid @color;
}
.bgf {
	background-color: #fff;
}
.bgb {
	background-color: #000;
}
.bgt {
	background-color: transparent;
}
.bz {
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.bgc {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.bgz (@size: 100% 100%) {
	-webkit-background-size: @size;
	-moz-background-size: @size;
	-ms-background-size: @size;
	-o-background-size: @size;
	background-size: @size;
}
.lh (@height) {
	height: @height;
	line-height: @height;
}
.lhc (@height) {
	height: @height;
	line-height: @height;
	text-align: center;
}
.lhn (@height, @n: 2) {
	height: @height * @n;
	line-height: @height;
}
.lhnc (@height, @n: 2) {
	height: @height * @n;
	line-height: @height;
	text-align: center;
}
.lhnf (@height, @fz, @n: 2) {
	height: @height * @n;
	line-height: @height;
	font-size: @fz;
}
.lhnfc (@height, @fz, @n: 2) {
	height: @height * @n;
	line-height: @height;
	font-size: @fz;
	text-align: center;
}
.lhncf (@height, @color, @fz, @n: 2) {
	height: @height * @n;
	line-height: @height;
	color: @color;
	font-size: @fz;
}
.lhncfc (@height, @color, @fz, @n: 2) {
	height: @height * @n;
	line-height: @height;
	color: @color;
	font-size: @fz;
	text-align: center;
}
.lhf(@height, @fz) {
	height: @height;
	line-height: @height;
	font-size: @fz;
}
.lhfc(@height, @fz) {
	height: @height;
	line-height: @height;
	font-size: @fz;
	text-align: center;
}
.lhcf(@height, @color, @fz) {
	height: @height;
	line-height: @height;
	color: @color;
	font-size: @fz;
}
.lhcfc(@height, @color, @fz) {
	height: @height;
	line-height: @height;
	color: @color;
	font-size: @fz;
	text-align: center;
}
.cf(@color, @fz) {
	color: @color;
	font-size: @fz;
}
.ovl {
	text-decoration: overline;
}
.lt {
	text-decoration: line-through;
}
.cw {
	color: #ffffff;
}
.cb {
	color: #000000;
}
.fwb {
	font-weight: bold;
}
.fwn {
	font-weight: normal;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.es {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}
.em (@line: 2) {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: @line;
	-webkit-box-orient: vertical;
}
.op (@opacity) {
	opacity: @opacity * 0.01;
	filter: alpha(opacity=@opacity);
}
.filter (@filter) {
	-webkit-filter: @filter;
	-moz-filter: @filter;
	-ms-filter: @filter;
	-o-filter: @filter;
	filter: @filter;
}
.bra (@radius: 50%) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-ms-border-radius: @radius;
	-o-border-radius: @radius;
	border-radius: @radius;
}
.trf (@trf) {
	-webkit-transform: @trf;
	-moz-transform: @trf;
	-ms-transform: @trf;
	-o-transform: @trf;
	transform: @trf;
}
.trs (@trs) {
	-webkit-transition: @trs;
	-moz-transition: @trs;
	-ms-transition: @trs;
	-o-transition: @trs;
	transition: @trs;
}
.trsa (@time: 0.5s, @fun: linear) {
	-webkit-transition: all @time @fun;
	-moz-transition: all @time @fun;
	-ms-transition: all @time @fun;
	-o-transition: all @time @fun;
	transition: all @time @fun;
}
.bs1 (@shadow) {
	-webkit-box-shadow: @shadow;
	-moz-box-shadow: @shadow;
	-ms-box-shadow: @shadow;
	-o-box-shadow: @shadow;
	box-shadow: @shadow;
}
.bs2 (@s1, @s2) {
	-webkit-box-shadow: @s1, @s2;
	-moz-box-shadow: @s1, @s2;
	-ms-box-shadow: @s1, @s2;
	-o-box-shadow: @s1, @s2;
	box-shadow: @s1, @s2;
}
.bs3 (@s1, @s2, @s3) {
	-webkit-box-shadow: @s1, @s2, @s3;
	-moz-box-shadow: @s1, @s2, @s3;
	-ms-box-shadow: @s1, @s2, @s3;
	-o-box-shadow: @s1, @s2, @s3;
	box-shadow: @s1, @s2, @s3;
}
.bs4 (@s1, @s2, @s3, @s4) {
	-webkit-box-shadow: @s1, @s2, @s3, @s4;
	-moz-box-shadow: @s1, @s2, @s3, @s4;
	-ms-box-shadow: @s1, @s2, @s3, @s4;
	-o-box-shadow: @s1, @s2, @s3, @s4;
	box-shadow: @s1, @s2, @s3, @s4;
}
.bsr1p(@color) {
	.bs1(0 0 0 1px @color);
}
.bsr1pi(@color) {
	.bs1(0 0 0 1px @color inset);
}
.bs2ptbi(@color) {
	.bs2(0 1px 0 0 @color inset, 0 -1px 0 0 @color inset);
}
.bs2plri(@color) {
	.bs2(1px 0 0 0 @color inset, -1px 0 0 0 @color inset);
}
.bs2tbi(@color) {
	.bs2(0 1px 0 0 @color inset, 0 -1px 0 0 @color inset);
}
.bs2lri(@color) {
	.bs2(1px 0 0 0 @color inset, -1px 0 0 0 @color inset);
}
.bs1pbi (@color) {
	.bs1(0 -1px 0 0 @color inset);
}
.bs1pti (@color) {
	.bs1(0 1px 0 0 @color inset);
}
.bs1pli (@color) {
	.bs1(1px 0 0 0 @color inset);
}
.bs1pri (@color) {
	.bs1(-1px 0 0 0 @color inset);
}
.bs1bi (@color) {
	.bs1(0 -1px 0 0 @color inset);
}
.bs1ti (@color) {
	.bs1(0 1px 0 0 @color inset);
}
.bs1li (@color) {
	.bs1(1px 0 0 0 @color inset);
}
.bs1ri (@color) {
	.bs1(-1px 0 0 0 @color inset);
}
.disbox {
	display: -moz-box; /* Firefox */
	display: -webkit-box; /* Safari and Chrome */
	display: -ms-flexbox; /* Internet Explorer 10 */
	display: box;
}
.bf {
	-moz-box-flex:1.0; /* Firefox */
	-webkit-box-flex:1.0; /* Safari and Chrome */
	-ms-flex:1.0; /* Internet Explorer 10 */
	box-flex:1.0;
}
.df {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.curp {
	cursor: pointer;
}
.aft, .bef {
	content: '\200B';
	.db;
	position: absolute;
}
.rzn {
	resize: none;
}
.rzb {
	resize: both;
}
.rzv {
	resize: vertical;
}
.rzh {
	resize: horizontal;
}
.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.if (@con, @height, @size, @color: #fff, @font: 'iconfont') {
	content: @con;
	.db;
	.lhcfc(@height, @color, @size);
	font-family: @font;
}
.if2 (@con, @width, @height, @size, @color: #fff, @font: 'iconfont') {
	.patl0;
	width: @width;
	content: @con;
	.db;
	.lhcfc(@height, @color, @size);
	font-family: @font;
}
.if3 (@con, @width, @height, @size, @color: #fff, @font: 'iconfont') {
	.patr0;
	width: @width;
	content: @con;
	.db;
	.lhcfc(@height, @color, @size);
	font-family: @font;
}

// 修改通用样式
span, strong, em, b, i, a, img, li, var, del, ins, {
	display: block;
	font-weight: normal;
	font-style: normal;
}
form input, form textarea {
	background: transparent;
	border: none;
	outline: none;
}
input, textarea {
	border: none;
	outline: none;
	background: transparent;
}
input::-ms-clear, input::-ms-reveal {
	display: none;
}
a, input, textarea, tr {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hide {
	.pf;
	left: -9999px;
}

@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/iconfont.woff') format('woff'),
		 url('../font/iconfont.ttf') format('truetype'),
		 url('../font/iconfont.svg#iconfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
// 网站公共样式
.ml1 {
	margin-left: 0.8rem;
}
.mr1 {
	margin-right: 0.8rem;
}
.mb1 {
	margin-bottom: 0.8rem;
}
.pt1 {
	padding-top: 0.8rem;
}
.pb1 {
	padding-bottom: 0.8rem;
}
.pl1 {
	padding-left: 0.8rem;
}
.pr1 {
	padding-right: 0.8rem;
}
.plr1 {
	.plr(0.08rem);
}
.bg1 {		// 内容区颜色
	// background: #0f1d2a;
}
.bg2 {		// 头部、底部
	// background: #172b4c;
}
.bg3 {		// 背景色
	// background: #0b1419;
}
.bg4 {
	// background: #112544;
}
.lhcf26 (@height: 3.2rem) {
	.lhcf(@height, #222222, 1.04rem);
}
.bb1{
	border-bottom: 1px dashed #e5e5e5;
}
.bst1 {
	.bs1(0 1px 0 0 #fff inset);
}
.bsb1 {
	.bs1(0 -1px 0 0 #fff inset);
}
.bsr1 {
	.bs1(0 0 0 1px #fff inset);
}
.bsr2 {
	.bs1(0 0 0 1px yellow inset);
}
.bd1 {
	border: 1px solid #fff;
}
.bd2 {
	border: 1px solid yellow;
}
.bdt1 {
	border-top: 1px solid #fff;
}
.bdb1 {
	border-bottom: 1px solid #fff;
}
.bst2 {
	.bs1(0 1px 0 0 #ccc inset);
}
.bsb2 {
	.bs1(0 -1px 0 0 #ccc inset);
}
.bdt2 {
	border-top: 1px solid #ccc;
}
.bdb2 {
	border-bottom: 1px solid #ccc;
}
.bra1 {
	.bra(0.16rem);
}
.ifa1 (@con) {
	.if2(@con, 3.2rem, 4rem, 1.6rem);
}
.lh1 {
	.lhcf(4rem, #fff, 1.2rem);
}
.lh2 {
	.lhcf(3.2rem, #fff, 1.2rem);
}
.lh3 {
	.lhcf(4rem, yellow, 1.2rem);
}
.lh4 {
	.lhcf(3.2rem, yellow, 1.2rem);
}
.lhc1 {
	.lhcfc(4rem, #fff, 1.2rem);
}
.lhc2 {
	.lhcfc(3.2rem, #fff, 1.2rem);
}
.lhc3 {
	.lhcfc(4rem, yellow, 1.2rem);
}
.lhc4 {
	.lhcfc(3.2rem, yellow, 1.2rem);
}
.bra1 {
	.bra(0.4rem);
}
.bra2 {
	.bra(0.8rem);
}
.sex {
	strong {
		float: right;
		.lhcf(2.4rem, #fff, 1.2rem);
	}
	.boy {
		color: #00adff;
	}
	.boy:before {
		.if2("\e682", 0.8rem, 2rem, 1.2rem);
		display: inline;
		.pr;
		padding-right: 0.4rem;
		color: #00adff;
	}
	.girl {
		color: #e13184;
	}
	.girl:before {
		.if2("\e694", 0.8rem, 2rem, 1.2rem);
		display: inline;
		.pr;
		padding-right: 0.4rem;
		color: #e13184;
	}
}
.input {
	div {
		.pr;
		height: 4.0rem;
		.bg1;
		input {
			.lh1;
			width: 25.2rem;
			.pl1;
		}
		span {
			.patr0;
			.s(4.0rem);
		}
		span:before {
			.if2("\e62c", 3.56rem, 3.56rem, 2rem);
		}
	}
}
.input2 {
	.mb1;
	.bg1;
	.bdt1;
	.bdb1;
	div {
		.pr;
		height: 4.0rem;
		.bst1;
		.ml1;
		strong {
			float: left;
			.lh1;
			width: 8.0rem;
			text-align: center;
		}
		input, em {
			.lh1;
			float: left;
			width: 20.4rem;
		}
		span {
			.patr0;
			.s(4.0rem);
		}
		span:before {
			.if2("\e62c", 3.56rem, 3.56rem, 2rem);
		}
	}
	div:nth-child(1) {
		.bs1(none);
	}
}
.btn1 {
	width: 28.4rem;
	.lh2;
	color: #ffff00;
	.bs1(0 0 0 1px yellow inset);
	.bra(0.4rem);
	.ma;
	.tc;
}
.rightarrow {
	.if3("\e65f", 4rem, 4rem, 1.6rem);
}
.new-star (@width, @size, @margin: 0.4rem) {
	.star {
		overflow: hidden;
		.pr;
		width: @width;
		height: @size;
		i {
			.pr;
			float: left;
			.s(@size);
			margin-right: @margin;
			b {
				.pa0;
				overflow: hidden;
				.s(@size);
				width: 0;
			}
			b:after {
				.s(@size);
				.if("\0704", @size, @size);
				color: #f60;
			}
		}
		i:after {
			.if("\0704", @size, @size);
			color: #eeeeee;
		}
		.star-list;
	}
}
.new-star2 (@size, @margin) {
	.new-star ((@size + @margin) * 5, @size, @margin);
}
.star-list {
	.star0 {
		b {
			display: none;
		}
	}
	.star1 {
		b {
			width: 10%;
		}
	}
	.star2 {
		b {
			width: 20%;
		}
	}
	.star3 {
		b {
			width: 30%;
		}
	}
	.star4 {
		b {
			width: 40%;
		}
	}
	.star5 {
		b {
			width: 50%;
		}
	}
	.star6 {
		b {
			width: 60%;
		}
	}
	.star7 {
		b {
			width: 70%;
		}
	}
	.star8 {
		b {
			width: 80%;
		}
	}
	.star9 {
		b {
			width: 90%;
		}
	}
	.star10 {
		b {
			width: 100%;
		}
	}
	.star10:after {
		display: none;
	}
}
// 页面样式
html {
	height: 100%;
	body {
		overflow: auto;
		height: 100%;
		.bg3;
		.header-back-btn {
			.pf;
			top: 0;
			left: 0;
			width: 3.2rem;
			height: 4rem;
			z-index: 101;
		}
		.header-back-btn:after {
			.ifa1("\e660");
		}
		.header-title {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 4rem;
			.bg2;
			z-index: 99;
			.arrow, .link-arrow, .arrow-no-event {
				position: absolute;
				top: 0;
				left: 0;
				width: 3.2rem;
				height: 4rem;
				padding: 0;
				z-index: 10;
			}
			.arrow:after, .link-arrow:after, .arrow-no-event:after {
				.ifa1("\e660");
			}
			.left-btn {
				position: absolute;
				top: 0;
				left: 0;
				width: 3.2rem;
				height: 4rem;
				padding: 0;
				z-index: 10;
				.lh1;
				text-align: center;
			}
			.map, .search, .help {
				.patr0;
				width: 4rem;
				height: 4rem;
			}
			.map {
				right: 4rem;
			}
			.map:after {
				.if2("\e627", 4rem, 4rem, 1.6rem);
			}
			.search:after {
				.if2("\e67a", 4rem, 4rem, 1.6rem);
				line-height: 4.5rem;
			}
			.help:after {
				.if2("\e600", 4rem, 4rem, 1.6rem);
			}
			.selection {
				.disbox;
				width: 23.6rem;
				margin: 0 auto;
				span {
					.bf;
					.lhcfc(4rem, #222, 1.2rem);
				}
				.active {
					color: #f60;
					.bs1(0 -2px 0 0 #f60 inset);
				}
			}
			h1 {
				.es;
				width: 80%;
				height: 4rem;
				margin: 0 auto;
				.cw;
				line-height: 4rem;
				// font-size: 1.44rem;
				font-size: 1.6rem;
				text-align: center;
				span {
					display: inline;
					color: #ffff00;
				}
			}
			.hidden {
				opacity: 0;
			}
			.link {
				height: 4rem;
				margin: 0 auto;
				text-align: center;
				a {
					display: inline;
					.es;
					max-width: 100%;
					line-height: 3.52rem;
					font-size: 1.28rem;
					text-align: center;
					.add-link-arrow {
						display: inline;
						width: 0;
						height: 0;
						padding-left: 0.68rem;
						background: url(../images/header_link_arrow.png) right bottom no-repeat;
						.bgz(contain);
					}
				}
			}
			strong {
				.patr0;
				width: 7rem;
				.lh(4rem);
				.cw;
				font-size: 1.2rem;
				text-align: center;
			}
			.list {
				right: 4rem;
				width: 4rem;
			}
			.list:after {
				.if2("\e638", 5.28rem, 3.5rem, 2.5rem);
			}
			a.manage {
				.patr0;
				width: 7rem;
				.lh(4rem);
				font-size: 1.2rem;
				text-align: center;
				color: #ffff00;
			}
			.search-btn-small {
				background: url(../images/header_search_btn.png) center center no-repeat;
				.bgz(1.36rem 1.4rem);
			}
			.search-btn-big {
				width: 21.6rem;
				.lhcf(2.72rem, #999999, 1.04rem);
				.ma;
				margin-top: 0.4rem;
				padding-left: 3.2rem;
				background: url(../images/header_search_btn.png) 1.28rem center no-repeat;
				.bgz(1.32rem 1.2rem);
				.bs1(0 0 0 2px #f4f4f4 inset);
				.bra(1.36rem);
			}
			.like {
				.patr0;
				right: 3.92rem;
				width: 3.84rem;
				height: 3.52rem;
				// background: url(../images/header_unlike.png) center center no-repeat;
				// .bgz(1.44rem 1.36rem);
			}
			.like:after {
				.if("\0702", 3.52rem, 1.48rem);
			}
			.like.active:after {
				// background: url(../images/header_unlike.png) center center no-repeat;
				// .bgz(1.44rem 1.36rem);
				.if("\0706", 3.52rem, 1.48rem);
			}
			.forwarding {
				.patr0;
				width: 3.92rem;
				height: 3.52rem;
				// background: url(../images/header_forwarding.png) center center no-repeat;
				// .bgz(1.52rem 1.44rem);
			}
			.forwarding:after {
				.if("\0700", 3.52rem, 1.56rem);
			}
			.no-arrow, .no-title, .no-link, .no-btn {
				display: none;
			}
		}
		.header-activity {
			background: transparent url(../images/activity_header.png) 0 0 no-repeat;
			.bgz;
			.user-more:before {
				.if2("\e638", 5.28rem, 3.5rem, 2.5rem);
			}
		}
		.header-user-activity {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 4rem;
			.bg2;
			z-index: 99;
			.arrow, .link-arrow, .arrow-no-event {
				position: absolute;
				top: 0;
				left: 0;
				width: 3.2rem;
				height: 4rem;
				padding: 0;
				z-index: 10;
			}
			.arrow:after, .link-arrow:after, .arrow-no-event:after {
				.ifa1("\e660");
			}
			.activity-btn {
				height: 2.4rem;
				padding-top: 0.8rem;
				width: 12.8rem;
				.ma;
				strong {
					float: left;
					.lhcfc(2.4rem, #fff, 1.2rem);
					width: 6.4rem;
					.bsr1;
				}
				strong:nth-child(1) {
					.bra(0.4rem  0 0 0.4rem);
				}
				strong:nth-child(2) {
					.bra(0 0.4rem 0.4rem 0);
				}
				.active {
					background: #666;
					color: #ffff00;
				}
			}
			em {
				.patr0;
				width: 5.28rem;
				.lh(4rem);
				.cw;
				font-size: 1.2rem;
				text-align: center;
			}
		}
		.header-news {
			strong {
				width: 4.0rem;
				right: 4.0rem;
			}
			em {
				.patr0;
				.s(4.0rem);
			}
			em:before {
				.if2("\e635", 4rem, 4rem, 2rem);
			}
			em.active {
				i {
					.pa;
					top: 1rem;
					right: 2.2rem;
					.s(0.5rem);
				}
				i:before {
					.if2("\e604", 0.5rem, 0.5rem, 2.5rem);
					color: #e82e8e;
				}
			}
		}
		.index-footer {
			.pfbl0;
			.w;
			height: 4rem;
			.bgf;
			z-index: 97;
			.bg2;
			a {
				.pr;
				float: left;
				width: 20%;
				padding-top: 2.4rem;
				.lhcfc(1.6rem, #fff, 1.04rem);
				i {
					display: none;
					.pa;
					.r(0.8rem);
					// .r(1.2rem);
					// .lhcfc(1.2rem, #fff, 0.8rem);
					top: 0.2rem;
					left: 3.2rem;
					background: red;
				}
			}
			a:nth-child(1):before {
				.if2("\e637", 100%, 2.48rem, 2.18rem);
			}
			a:nth-child(2):before {
				.if2("\e61b", 100%, 2.52rem, 1.98rem);
			}
			a:nth-child(3):before {
				.if2("\e6fd", 100%, 3.5rem, 3rem);
			}
			a:nth-child(4):before {
				.if2("\e64d", 100%, 2.1rem, 2.1rem);
			}
			a:nth-child(5):before {
				.if2("\e653", 100%, 2.72rem, 2.04rem);
			}
			a:nth-child(1).active, a:nth-child(2).active, a:nth-child(3).active, a:nth-child(4).active, a:nth-child(5).active {
				color: #ffff00;
			}
			a:nth-child(1).active:before, a:nth-child(2).active:before, a:nth-child(3).active:before, a:nth-child(4).active:before, a:nth-child(5).active:before {
				color: #ffff00;
			}
		}
		.chat-footer {
			.pfbl0;
			.w;
			height: 4rem;
			.bgf;
			z-index: 97;
			.ptb(0.4rem);
			.bg2;
			div {
				.plr(0.8rem);
				height: 3.2rem;
				input {
					float: left;
					width: 21.2rem;
					.lh2;
					font-size: 1.44rem;
					.pl1;
					color: #222;
					background: #fff;
					.bra(0.4rem);
				}
				span {
					.pr;
					float: left;
					width: 3.2rem;
					height: 3.2rem;
				}
				span:after {
					.if2("\e602", 3.2rem, 2.9rem, 2.4rem);
				}
				.active:after {
					.if2("\e631", 3.2rem, 2.9rem, 2.4rem);
				}
				strong {
					float: left;
					width: 4.0rem;
					.lhcfc(2.4rem, #fff, 1.2rem);
					margin-top: 0.4rem;
					.bra(0.4rem);
					.bsr1;
				}
			}
		}
		.chat-footer.active {
			bottom: 12.8rem;
		}
		.hongbao-footer {
			.bg1;
			.pfbl0;
			.w;
			height: 4.0rem;
			p {
				.lh1;
				.pl1;
				span {
					display: inline;
					.lh3;
				}
			}
		}
		.album-footer {
			.bg1;
			.pfbl0;
			.w;
			height: 4.0rem;
			span {
				.pr;
				float: right;
				.s(4rem);
			}
			span:before {
				.if2("\e605", 4rem, 4rem, 2rem);
			}
		}
		.header-footer {
			.bg1;
			.pfbl0;
			.w;
			height: 4.0rem;
			span, label {
				.lh1;
				.tc;
				width: 8.0rem;
			}
			span {
				float: left;
			}
			label {
				float: right;
			}
			input {
				.pf;
				left: -9999px;
			}
		}
		.wrap > article {
			padding-top: 4.0rem;
			padding-bottom: 4.8rem;
			.bg3;
			.subject-banner {
				height: 15.0rem;
				.swiper-wrapper {
					height: 15.0rem;
					.swiper-slide {
						height: 15.0rem;
						a, span {
							height: 15.0rem;
							img {
								width: 100%;
								height: 15.0rem;
							}
						}
					}
				}
				.swiper-pagination {
					bottom: 0.4rem;
					height: 0.72rem;
					.trs(0s);
					.swiper-pagination-bullet {
						.r(0.4rem);
						margin-left: 0;
						margin-right: 0.24rem;
						background: #fff;
						opacity: 0.6;
					}
					.swiper-pagination-bullet-active {
						opacity: 1;
					}
				}
			}
		}
		.wrap {
			// height: 100%;
			.index {
				padding-bottom: 4rem;
				.activity-type {
					height: 3.32rem;
					padding-left: 3.0rem;
					span, a {
						float: left;
						width: 10.0rem;
						height: 3.2rem;
						.lh(3.2rem);
						.tc;
						// color: yellow;
						font-size: 1.2rem;
					}
					span {
						margin-right: 4.0rem;
					}
					.active {
						// border-bottom: 0.12rem solid yellow;
					}
				}
				.activity-box {
					a {
						.pr;
						height: 20.0rem;
						margin-bottom: 0.4rem;
						dt {
							img {
								.pa0;
								.s;
							}
							div {
								.pa;
								bottom: 7rem;
								.w;
								height: 2.4rem;
								text-align: center;
							}
							span {
								display: inline;
								width: auto;
								.lhcfc(2.4rem, #fff, 1.2rem);
								.ptb(0.56rem);
								.plr(1.6rem);
								.ma;
								background: rgba(0, 0, 0, 0.8);
								.bra(2.44rem);
							}
							span:before {
								.if2("\e6bd", 2rem, 2.2rem, 1.6rem);
								padding-right: 0.4rem;
								display: inline;
								.pr;
								color: red;
							}
						}
						dd.theme {
							.pa;
							top: 0;
							left: 0.8rem;
							span {
								float: left;
								width: 2rem;
								margin-right: 0.8rem;
								padding-bottom: 1rem;
								line-height: 1.6rem;
								text-align: center;
								.cw;
								font-size: 1.2rem;
								.bra(0 0 1rem 1rem);
							}
							.cate {
								background: rgba(192, 62, 111, 0.6);
							}
							.ktv {
								background: rgba(41, 119, 117, 0.6);
							}
							.bar {
								background: rgba(123, 48, 146, 0.6);
							}
						}
						dd.detail {
							.pabl0;
							.w;
							height: 5.6rem;
							background: rgba(0, 0, 0, 0.6);
							b {
								float: left;
								overflow: hidden;
								.s(4.0rem);
								margin: 0.8rem 1.2rem 0.8rem 0.8rem;
								.bra(0.4rem);
								img {
									.s(4.0rem);
									.bra(0.4rem);
								}
								.blur {
									.filter(blur(1.2rem));
								}
							}
							span {
								float: left;
								width: 18.0rem;
								padding-top: 0.4rem;
								.lhcf(2.4rem, #fff, 1.2rem);
							}
							strong {
								float: right;
								.pr1;
								padding-top: 0.4rem;
								.lhcf(2.4rem, yellow, 1.2rem);
							}
							em {
								.es;
								float: left;
								width: 17.0rem;
								.lhcf(2.4rem, #fff, 1.2rem);
							}
							i {
								float: right;
								.pr1;
								.lhcf(2.4rem, yellow, 1.2rem);
							}
						}
					}
				}
			}
			.activity-index {
				padding-top: 0;
				padding-bottom: 6.4rem;
				.detail-box {
					.pr;
					.image {
						.w;
						.pr;
						height: 20.0rem;
						img {
							.w;
							height: 20rem;
						}
						div {
							.pabr0;
							padding: 1rem;
							span {
								width: 4rem;
								.lhcfc(2rem, yellow, 1.2rem);
								border: 1px solid yellow;
								.bra(0.4rem);
							}
						}
					}
					.personal {
						.pr;
						padding-left: 7.6rem;
						height: 5.6rem;
						div {
							overflow: hidden;
							.pa;
							left: 0.8rem;
							top: -1rem;
							.s(5.6rem);
							.bra(0.4rem);
							img {
								.s(5.6rem);
							}
							.blur {
								.filter(blur(1.2rem));
							}
						}
						span {
							float: left;
							.lhcf(2.8rem, #fff, 1.2rem);
						}
						.sex;
						strong {
							float: left;
							clear: both;
						}
						em {
							.pa;
							right: 1rem;
							top: 0.8rem;
							.lhcfc(3.2rem, yellow, 1.2rem);
							.plr(2rem);
							border: 1px solid yellow;
							.bra(0.2rem);
						}
						.gray {
							color: #ccc;
							border: 1px solid #ccc;
						}
						.invite-time {
							position: fixed;
							left: -9999px;
						}
					}
					.arrive-code {
						.pa;
						right: 1rem;
						top: 25.6rem;
						width: 4.0rem;
						z-index: 99;
						img {
							.s(4.0rem);
						}
						b {
							.lhcfc(2.4rem, #fff, 1.04rem);
						}
					}
					.detail {
						.lhcfc(3.2rem, yellow, 1.2rem);
						.pl1;
					}
					ul {
						li {
							.pr;
							.lhcf(3.2rem, #fff, 1.2rem);
							margin-left: 2.8rem;
							a {
								height: 3.2rem;
								.lhcf(3.2rem, #fff, 1.2rem);
								span, strong, em {
									.lhcf(2.4rem, #fff, 1.2rem);
									display: inline;
								}
							}
							i {
								.pr;
								display: inline;
							}
							i:before {
								.if2("\e6bd", 2rem, 2.2rem, 1.4rem);
								display: inline;
								.pr;
								color: red;
								// padding-left: 0.4rem;
								// padding-right: 0.4rem;
							}
						}
						li:before {
							.if2("\e604", 2.8rem, 3.2rem, 1.4rem);
							left: -2.8rem;
						}
						li:nth-child(3):after {
							.if3("\e65f", 3rem, 3.2rem, 1.2rem);
						}
					}
					.map {
						.pr;
						.lhcf(3.2rem, #fff, 1.2rem);
						padding-left: 2.8rem;
						// border-bottom: 1px solid #fff;
						div {
							height: 3.2rem;
							padding-right: 3.2rem;
							// border-bottom: 1px solid #ffffff;
							span {
								float: left;
								.es;
								max-width: 17.9rem;
							}
							strong {
								float: right;
								// .lhcf(3.2rem, #fff, 1.2rem);
							}
						}
					}
					.map:before {
						.if2("\e627", 2.8rem, 2.8rem, 1.2rem);
						color: #ffff00;
					}
					.map:after {
						.if3("\e65f", 3rem, 3.2rem, 1.2rem);
					}
				}
				.detail-box.hidden {
					overflow: hidden;
					height: 28.8rem;
				}
				.show-more {
					.pr;
					height: 2.4rem;
					width: 8.0rem;
					.ma;
				}
				.show-more:before {
					.if2("\e63d", 8.0rem, 2.4rem, 2.5rem);
				}
				.show-more.active:before {
					.if2("\e63c", 8.0rem, 2.4rem, 2.5rem);
				}
				.participator {
					header {
						.pr;
						.lh3;
						.tc;
					}
					header:before, header:after {
						.aft;
						right: 0.8rem;
						top: 2rem;
						height: 1px;
						width: 10.0rem;
						// background: #fff;
						.trf(scaleY(0.5));
					}
					header:before {
						left: 0.8rem;
					}
					div {
						h2 {
							.pl1;
							.lhcf(2.4rem, #fff, 1.2rem);
						}
						// a {
						// 	.plr(0.8rem);
						// 	dl {
						// 		height: 5.6rem;
						// 		dt {
						// 			float: left;
						// 			.s(4.8rem);
						// 			.mr1;
						// 			a {
						// 				overflow: hidden;
						// 				margin-right: 0.4rem;
						// 				padding: 0;
						// 				img {
						// 					.s(4.8rem);
						// 					.bra(0.4rem);
						// 				}
						// 				.blur {
						// 					.filter(blur(1.2rem));
						// 				}
						// 			}
						// 		}
						// 		dd {
						// 			span {
						// 				.es;
						// 				float: left;
						// 				max-width: 8.6rem;
						// 				.lhcf(4.8rem, #fff, 1.2rem);
						// 				.mr1;
						// 			}
						// 			.sex;
						// 			strong {
						// 				float: left;
						// 				.lh(4.8rem);
						// 			}
						// 			em {
						// 				float: right;
						// 				.lhcf(4.8rem, #fff, 1.2rem);
						// 			}
						// 		}
						// 	}
						// }
						dl {
							height: 5.6rem;
							.plr(0.8rem);
							dt {
								float: left;
								.s(4.8rem);
								.mr1;
								a, span {
									overflow: hidden;
									margin-right: 0.4rem;
									padding: 0;
									.bra(0.4rem);
									img {
										.s(4.8rem);
										.bra(0.4rem);
									}
									.blur {
										.filter(blur(1.2rem));
									}
								}
							}
							dd {
								span {
									float: left;
									.es;
									max-width: 8.6rem;
									.lhcf(4.8rem, #fff, 1.2rem);
									.mr1;
								}
								.sex;
								strong {
									float: left;
									.lh(4.8rem);
								}
								i {
									.pr;
									float: left;
									width: 4rem;
									.lhcfc(4.8rem, #fff, 3rem);
									padding: 0;
								}
								i:before {
									.if2("\e683", 4rem, 4.5rem, 2rem);
								}
								em {
									float: right;
									.lhcf(4.8rem, #fff, 1.2rem);
								}
							}
						}
					}
				}
				.evaluation {
					margin-bottom: 3.2rem;
					header {
						.pr;
						.lh3;
						.tc;
					}
					header:before, header:after {
						.aft;
						right: 0.8rem;
						top: 2rem;
						height: 1px;
						width: 10.0rem;
						// background: #fff;
						.trf(scaleY(0.5));
					}
					header:before {
						left: 0.8rem;
					}
					div {
						.plr(0.8rem);
						span {
							float: left;
							.lhcfc(2.4rem, red, 1.2rem);
							.plr(0.8rem);
							.bra(0.4rem);
							.bs1(0 0 0 1px red inset);
							.mr1;
							.mb1;
						}
						.bad {
							color: #fff;
							.bs1(0 0 0 1px #fff inset);
						}
						.yellow {
							color: #ffff00;
							.bs1(0 0 0 1px yellow inset);
						}
						.red {
							color: red;
							.bs1(0 0 0 1px red inset);
						}
					}
					div.active {
						overflow: auto;
						height: auto;
					}
					strong {
						.pr;
						height: 2.4rem;
						width: 8.0rem;
						.ma;
					}
					strong:before {
						.if2("\e63d", 8.0rem, 2.4rem, 2.5rem);
					}
					strong.active:before {
						.if2("\e63c", 8.0rem, 2.4rem, 2.5rem);
					}
				}
				.submit {
					.btn1;
				}
				.registered {
					.pl1;
					height: 3.2rem;
					span {
						float: left;
						.lhcf(3.2rem, #fff, 1.2rem);
						.mr1;
					}
					strong {
						float: left;
						.lhcf(3.2rem, yellow, 1.2rem);
					}
				}
				.registered-list {
					div {
						.pr;
						height: 7.2rem;
						a {
							.pa;
							top: 1.2rem;
							left: 1.2rem;
							.s(4.8rem);
						}
						img {
							float: left;
							.s(4.8rem);
							margin: 1.2rem;
							.bra(0.4rem);
						}
						span {
							float: left;
							.lhcf(2.4rem, #fff, 1.2rem);
							margin-right: 0.8rem;
							margin-top: 2.4rem;
						}
						.sex;
						strong {
							float: left;
							margin-top: 2.4rem;
						}
						em {
							float: right;
							.lhcf(2.4rem, #fff, 1.2rem);
							margin-right: 4rem;
							margin-top: 2.4rem;
						}
						.success {
							color: #e13184;
						}
						i {
							float: right;
							.lhcf(2.4rem, #e13184, 1.2rem);
							margin-top: 2.4rem;
							padding-right: 4.0rem;
						}
						b {
							.patr0;
							width: 4rem;
							height: 6.8rem;
							z-index: 1;
						}
					}
					div:after {
						.if3("\e72f", 4rem, 6.8rem, 1.6rem);
						color: #ffff00;
					}
					.active:after {
						.if3("\e730", 4rem, 6.8rem, 1.6rem);
						color: #ffff00;
					}
				}
				.no-register {
					display: none;
					.pfbl0;
					.lh2;
					.pl1;
					.bg3;
				}
				.show {
					display: block;
				}
				.submit-btn {
					.pfbl0;
					.w;
					height: 6.4rem;
					.ptb(0.8rem);
					span {
						.lh1;
						.tc;
						width: 90%;
						.ma;
						background: #ffc000;
					}
				}
			}
			.activity-list {
				padding-top: 4.0rem;
				ul {
					li {
						height: 6.4rem;
						padding-left: 0.8rem;
						a {
							.pr;
							height: 6.4rem;
							.pr1;
							.bsb1;
							b {
								float: left;
								overflow: hidden;
								margin-top: 0.8rem;
								.mr1;
								.s(4.8rem);
								.bra(0.4rem);
							}
							img {
								.s(4.8rem);
								.bra(0.4rem);
							}
							.blur {
								.filter(blur(1.2rem));
							}
							h3 {
								float: left;
								width: 22.8rem;
								padding-top: 0.8rem;
								.es;
								.lhcf(2.4rem, #fff, 1.2rem);
							}
							p {
								float: left;
								.es;
								width: 22.8rem;
								.lhcf(2.4rem, #ccc, 1.2rem);
								i {
									.pr;
									display: inline;
									.ptb(0.6rem);
									padding-left: 1.2rem;
								}
								i:before {
									.if2("\e6bd", 1.5rem, 2.4rem, 1.2rem);
									color: red;
								}
								strong, em {
									display: inline;
								}
							}
							span {
								.patr0;
								width: 3rem;
								height: 6.4rem;
							}
							span:after {
								.if2("\e65f", 3rem, 6.4rem, 1.6rem);
							}
						}
					}
				}
			}
			.activity-map {
				.position-add {
					.pfbl0;
					.es;
					.w;
					.lhcf(4.0rem, #fff, 1.2rem);
					.pl1;
					background: #172e50;
				}
			}
			.activity-chat {
				padding-bottom: 4rem;
				.chat {
					padding-top: 1rem;
					.msg-box {
						.msg-con {
							h3 {
								.lhcfc(2.4rem, #fff, 1.2rem);
							}
							div {
								// margin-bottom: 1.2rem;
								.plr(0.8rem);
								padding-bottom: 0.8rem;
								.con {
									overflow: hidden;
									margin: 0;
									padding: 0;
									p {
										.pr;
										.bg1;
										.lhcf(1.6rem, #fff, 1.44rem);
										height: auto;
										min-height: 1.6rem;
										max-width: 19rem;
										padding: 1.2rem;
										img {
											float: none;
											display: inline;
											.s(1.6rem);
											margin-left: 0.4rem;
											line-height: 1.6rem;
											vertical-align: bottom;
										}
									}
									a {
										.lh2;
										.tc;
										background: #1a3455;
									}
								}
								img {
									.s(4rem);
									.bra(0.6rem);
								}
							}
							.read {
								float: left;
								width: 4rem;
								margin-top: 1rem;
								.lhcfc(3.2rem, #ffffff, 1.2rem);
							}
							.unread {
								float: left;
								width: 4rem;
								margin-top: 1rem;
								.lhcfc(3.2rem, #ffff00, 1.2rem);
							}
							.self {
								img {
									float: right;
									margin-left: 0.8rem;
								}
								div {
									float: right;
									.bra(2.4rem 0 2.4rem 2.4rem);
									p {
										background: #ca9c09;
										color: #222;
									}
								}
							}
							.other {
								img {
									float: left;
									margin-right: 0.8rem;
								}
								div {
									float: left;
									.bra(0 2.4rem 2.4rem 2.4rem);
									p {
										img {
											margin-right: 0.4rem;
											margin-left: 0;
										}
									}
								}
							}
							.self.delay {
								p:before {
									.if2("\e603", 3rem, 4.8rem, 1.6rem);
									left: -3rem;
									color: red;
								}
							}
							.other.delay {
								p:before {
									.if3("\e603", 3rem, 4.8rem, 1.6rem);
									right: -3rem;
									color: red;
								}
							}
						}
					}
				}
				.emojis-window {
					position: fixed;
					bottom: -12.8rem;
					left: 0;
					overflow: auto;
					.w;
					height: 12.8rem;
					.emojis-con {
						background: #fff;
						padding-left: 0.6rem;
						img {
							float: left;
							.s(3.2rem);
						}
						span {
							float: left;
							.s(3.2rem);
							line-height: 3.2rem;
							.tc;
							font-size: 2rem;
							// color: #172b4c;
						}
					}
				}
				.emojis-window.active {
					bottom: 0;
				}
			}
			.activity-scan {
				padding-top: 0;
				padding-bottom: 0;
				h2 {
					.lhcfc(5rem, yellow, 2rem);
				}
				.update-img {
					overflow: hidden;
					.pr;
					width: 27.0rem;
					height: 32rem;
					// width: 26.0rem;
					// height: 35.2rem;
					// height: 32.0rem;
					.ma;
					label, img {
						.patl0;
						width: 27.0rem;
						height: 32rem;
						// width: 26.0rem;
						// height: 35.2rem;
						// height: 32.0rem;
					}
					img {
						height: auto;
					}
					// .image {
					// 	.patl0;
					// 	width: 26.0rem;
					// 	height: auto;
					// }
					// .wx-photo, canvas {
					// 	position: fixed;
					// 	left: 99999px;
					// 	top: 99999px;
					// }
					// input {
					// 	background: #fff;
					// }
					input {
						.pa;
						left: -9999px;
					}
				}
				p {
					margin-bottom: 1.6rem;
					.lhcfc(2.4rem, #ffff00, 1.2rem);
				}
				.submit-btn {
					.lh1;
					.tc;
					width: 90%;
					.ma;
					background: #ffc000;
				}
			}
			.activity-evaluation {
				section {
					header {
						.pr;
						.lh1;
						.tc;
					}
					header:before, header:after {
						.aft;
						right: 0.8rem;
						top: 2rem;
						height: 1px;
						width: 10.0rem;
						background: #fff;
					}
					header:before {
						left: 0.8rem;
					}
					div {
						overflow: hidden;
						height: 6.4rem;
						.plr(0.8rem);
						span {
							float: left;
							.lhcfc(2.4rem, #fff, 1.2rem);
							.plr(0.8rem);
							.bra(0.4rem);
							.bs1(0 0 0 1px #fff inset);
							.mr1;
							.mb1;
						}
					}
					div.active {
						overflow: auto;
						height: auto;
					}
					strong {
						.pr;
						height: 2.4rem;
						width: 8.0rem;
						.ma;
					}
					strong:before {
						.if2("\e63d", 8.0rem, 2.4rem, 2.5rem);
					}
					strong.active:before {
						.if2("\e63c", 8.0rem, 2.4rem, 2.5rem);
					}
				}
				.detail {
					padding-top: 2.0rem;
					.tc;
					font-size: 0;
					div {
						display: inline-block;
						width: auto;
						.ma;
						img {
							float: left;
							.s(4.8rem);
							margin-right: 0.8rem;
						}
						span {
							float: left;
							.lhcf(4.8rem, #fff, 1.2rem);
							.mr1;
							padding: 0;
							text-align: left;
							.bs1(none);
						}
						.sex;
						strong {
							float: left;
							.lh(4.8rem);
							width: auto;
						}
					}
				}
				.impression {
					div {
						.active {
							.bs1(0 0 0 1px yellow inset);
							color: #ffff00;
						}
					}
				}
				.complain {
					margin-bottom: 3.2rem;
					div {
						.active {
							.bs1(0 0 0 1px red inset);
							color: red;
						}
					}
				}
				.submit {
					.btn1;
				}
			}
			.invite-index {
				.anonymity {
					margin-bottom: 3.2rem;
				}
				.release {
					width: 90%;
					.lhcfc(3.52rem, yellow, 1.2rem);
					.ma;
					.bs1(0 0 0 2px yellow inset);
					.bra(0.4rem);
				}
				.explain {
					clear: both;
					.pr;
					float: right;
					padding-left: 2.0rem;
					.pr1;
					.lhcf(2.4rem, #ccc, 1.04rem);
					text-align: right;
				}
				.explain:before {
					.bef;
					top: 1.1rem;
					left: 1.1rem;
					.r(0.2rem);
					background: yellow;
				}
				section {
					header {
						.pl1;
						.lhcf(2.4rem, #fff, 1.04rem);
					}
					.con {
						.bg1;
						.hide {
							position: fixed;
							left: -9999px;
						}
						.selection {
							.disbox;
							span {
								.bf;
								.lhcfc(4.0rem, #fff, 1.2rem);
								i {
									display: inline;
									.pr;
									padding-left: 2.0rem;
									.ptb(1.32rem);
								}
							}
							.active {
								i:after {
									.if2("\e645", 2rem, 4rem, 1.2rem);
									color: #ffff00;
								}
							}
						}
						a, strong {
							.pr;
							.lhcf(4.0rem, #fff, 1.2rem);
							.pl1;
							input {
								.patl0;
								width: 28.0rem;
								.lhcf(4rem, #fff, 1.2rem);
								text-align: right;
							}
							em {
								float: right;
								.em;
								width: 19.5rem;
								text-align: right;
								.lhcf(4.0rem, #fff, 1.2rem);
							}
							span {
								.pr;
								float: right;
								height: 4.0rem;
								width: 2rem;
							}
							span:after {
								.if2("\e65f", 2rem, 4rem, 1.2rem);
							}
						}
						.permission {
							em {
								width: 14rem;
							}
						}
						.input {
							height: 4.0rem;
							.pl1;
							.pr1;
							span {
								float: left;
								.lhcf(4.0rem, #fff, 1.2rem);
								a {
									display: inline;
									.pr;
									padding-left: 2.0rem;
									.ptb(1.32rem);
								}
								a:after {
									.if2("\e600", 2rem, 4rem, 1.2rem);
									color: #ffff00;
								}
							}
							input {
								float: right;
								width: 16.0rem;
								.lhcf(4.0rem, #fff, 1.2rem);
								text-align: right;
							}
						}
						.time {
							input {
								left: -9999px;
							}
						}
						p {
							.lhcf(2.4rem, #ccc, 1.04rem);
							.pr1;
							.bg3;
							text-align: right;
						}
					}
					.check {
						height: 2.4rem;
						padding-right: 0.8rem;
						span {
							.pr;
							float: right;
							.lhcf(2.4rem, #fff, 1.04rem);
							padding-left: 2rem;
							i {
								display: inline;
								color: #ffff00;
							}
						}
						span:before {
							.bef;
							top: 0.6rem;
							left: 0.6rem;
							.r(1.2rem);
							.bs1(0 0 0 1px #fff inset);
						}
						.active:before {
							.if2("\e645", 1.2rem, 1.2rem, 0.8rem);
							top: 0.6rem;
							left: 0.6rem;
							color: #ffff00;
							.bs1(0 0 0 1px yellow inset);
						}
					}
				}
			}
			.invite-title {
				.pr;
				padding-bottom: 2rem;
				section {
					padding-top: 2rem;
					width: 8rem;
					.ma;
					span {
						.pr;
						.r(8.0rem);
						em {
							.pa;
							right: -2rem;
							bottom: 0;
							.s(2rem);
						}
						em:after {
							.if2("\e645", 2rem, 2rem, 1.6rem);
							color: #ffff00;
							display: none;
						}
					}
					strong {
						.lhcfc(2.4rem, #fff, 1.2rem);
					}
				}
				section:nth-child(1) {
					span {
						background: #f3f125;
					}
					span:after {
						.if2("\e606", 8rem, 8rem, 5.5rem);
					}
				}
				section:nth-child(2) {
					span {
						background: #a75be2;
					}
					span:after {
						.if2("\e61a", 8rem, 8rem, 6rem);
					}
				}
				section:nth-child(3) {
					margin-bottom: 2.0rem;
					span {
						background: #ff00cc;
					}
					span:after {
						.if2("\e699", 8rem, 7rem, 5rem);
					}
				}
				.active {
					span {
						em:after {
							display: block;
						}
					}
				}
				section.active:nth-child(1) {
					span {
						i {
							display: block;
						}
					}
				}
				i {
					display: none;
					.pa;
					left: 8rem;
					top: 16.0rem;
					width: 6.0rem;
					.lhcf(1.6rem, #fff, 0.96rem);
					padding-left: 1.5rem;
				}
				i:before {
					.aft;
					top: 0;
					left: 0;
					.bs1(0 0 0 2px #fff inset);
					.r(1rem);
					top: 0.3rem;
				}
				.active:before {
					.bs1(0 0 0 2px yellow inset);
					.if2("\e645", 1rem, 1rem, 0.8rem);
					top: 0.3rem;
				}
				.invite-btn {
					width: 12.0rem;
					.lhcfc(3.2rem, yellow, 1.2rem);
					.ma;
					.bs1(0 0 0 2px yellow inset);
					.bra(0.4rem);
				}
			}
			.invite-permission {
				padding-top: 4.8rem;
				section {
					margin-bottom: 3.2rem;
					.bdt1;
					div, a {
						height: 6.0rem;
						.pr;
						.bdb2;
						padding-left: 3.2rem;
						h3 {
							.lhcf(3.2rem, #fff, 1.44rem);
						}
						p {
							.lhcf(2.8rem, #fff, 1.2rem);
						}
					}
					div:nth-child(1) {
						h3 {
							.lh(6.0rem);
						}
					}
					a {
						span {
							.patr0;
							.lhcfc(3.2rem, #fff, 1.44rem);
							width: 10rem;
						}
						span:after {
							.if3("\e65f", 3rem, 3.6rem, 1.6rem);
						}
					}
					div.active:before {
						.if2("\e645", 3rem, 6rem, 1.6rem);
						color: #ffff00;
					}
					div:nth-child(2):after, div:nth-child(3):after {
						.if3("\e65f", 3rem, 6rem, 1.6rem);
					}
				}
				.btn {
					.btn1;
					margin-bottom: 0;
				}
			}
			.invite-help {
				section {
					.pt1;
					padding-left: 1.6rem;
					padding-right: 1.2rem;
					h2 {
						.lhcf(3.2rem, #fff, 1.44rem);
					}
					p, a {
						.lhcf(1.8rem, #fff, 1.04rem);
						height: auto;
					}
					.center {
						.tc;
					}
					.text-indent {
						text-indent: 3rem;
					}
					.text-indent2 {
						text-indent: 3rem;
						padding-left: 3rem;
					}
					table {
						tbody {
							border-top: 1px solid #fff;
							border-left: 1px solid #fff;
							tr {
								td {
									height: 2.4rem;
									padding: 0;
									border-right: 1px solid #fff;
									border-bottom: 1px solid #fff;
									// border: 1px solid #fff;
									h4 {
										span {
											.lhcfc(1.6rem, #fff, 1.04rem);
										}
									}
									span {
										strong {
											.lhcfc(1.6rem, #fff, 1.04rem);
										}
									}
								}
							}
						}
					}
				}
			}
			.invite-cash {
				section {
					header {
						.pl1;
						.lhcf(2.4rem, #fff, 1.04rem);
					}
					.con {
						.bg1;
						strong {
							.pr;
							.lhcf(4.0rem, yellow, 1.2rem);
							.pl1;
							.bg1;
							padding-right: 0.8rem;
							em {
								float: right;
								.em;
								width: 20.0rem;
								text-align: right;
								.lhcf(4.0rem, yellow, 1.2rem);
							}
						}
						div {
							.pr;
							padding-left: 4.0rem;
							height: 4.0rem;
							.bg1;
							span {
								float: left;
								.lhcf(2.4rem, #fff, 1.2rem);
							}
							strong {
								clear: left;
								float: left;
								padding: 0;
								.lhcf(1.2rem, #fff, 0.96rem);
							}
							em {
								.pr;
								float: right;
								.lhcf(4.0rem, #fff, 1.2rem);
								padding-right: 4.0rem;
							}
							em:after {
								.if3("\e72f", 4rem, 4rem, 2rem);
								color: #ffff00;
							}
						}
						.active {
							em:after {
								.if3("\e730", 4rem, 4rem, 2rem);
								color: #ffff00;
							}
						}
					}
				}
				.need {
					height: 2.4rem;
					span {
						float: right;
						.lhcf(2.4rem, #fff, 1.2rem);
						strong {
							float: right;
							.lhcf(2.4rem, yellow, 1.2rem);
							.plr(0.8rem);
						}
					}
				}
				.pay {
					.con {
						div:nth-child(1):before {
							.if2("\e6a1", 4rem, 4rem, 2.8rem);
							color: #ffff00;
						}
					}
				}
				.pay-method {
					.mb1;
					.con {
						div {
							span {
								.lh(4.0rem);
							}
						}
						div:nth-child(1):before {
							.if2("\200B", 3rem, 3rem, 2.8rem);
							top: 0.5rem;
							left: 0.5rem;
							background: #fff url(../images/pay_wx.png) 0 0 no-repeat;
							.bgz;
							.bra(0.4rem);
						}
						div:nth-child(2):before {
							.if2("\e625", 4rem, 4rem, 2.8rem);
							color: #00abf0;
						}
					}
				}
				.real {
					margin-bottom: 3.2rem;
				}
				.btn {
					width: 90%;
					.ma;
					.lhcfc(3.2rem, yellow, 1.2rem);
					.bs1(0 0 0 1px yellow inset);
					.bra(0.4rem);
				}
			}
			.playmate-index {
				padding-top: 4.8rem;
				padding-bottom: 4rem;
				.playmate-box {
					dl {
						float: left;
						.ml1;
						width: 13.8rem;
						height: 19.4rem;
						.mb1;
						// .bra(0.4rem);
						dd.detail {
							.plr(0.4rem);
							height: 2.4rem;
							span {
								float: left;
								.es;
								max-width: 9rem;
								.lhcf(2.4rem, #fff, 1.2rem)
							}
							.sex;
						}
						dt {
							.pr;
							height: 13.8rem;
							a {
								.s;
								img {
									.s;
								}
								span {
									.pa;
									left: 1rem;
									bottom: 1rem;
									.lhcfc(1.6rem, #fff, 1.04rem);
									width: 4.0rem;
									.bra(0.4rem);
								}
								.not-verify {
									// background: #ccc;
									color: #000;
								}
								.is-verify {
									// background: #f60;
								}
							}
						}
						dd.position {
							.plr(0.4rem);
							height: 3.2rem;
							span, strong {
								float: left;
								.lhcf(3.2rem, #fff, 0.96rem);
							}
							span {
								margin-right: 0.4rem;
							}
							div {
								float: right;
								.ptb(0.6rem);
								em {
									.plr(0.4rem);
									.lhcfc(2.0rem, yellow, 0.96rem);
									.bra(0.4rem);
									.bs1(0 0 0 1px yellow inset);
								}
							}
							.focused {
								em {
									.cw;
									.bs1(0 0 0 1px #fff inset);
								}
							}
						}
					}
				}
			}
			.news-index {
				padding-top: 4.8rem;
				.news-con {
					dl {
						height: 6.4rem;
						.bg1;
						.bst1;
						.pr;
						dt {
							float: left;
							.s(6.4rem);
							padding: 0.8rem;
							img {
								.s;
								.bra(0.8rem);
							}
							b {
								display: none;
								.pa;
								left: 4.8rem;
								top: 0.4rem;
								.r(1.44rem);
								.lhcfc(1.44rem, #fff, 0.88rem);
								background: #d93289;
							}
							b.active {
								display: block;
							}
							span {
								.pa0
							}
							i {
								display: none;
								.pa0;
							}
						}
						dd {
							float: left;
							width: 22.8rem;
							height: 6.4rem;
							h3 {
								float: left;
								.es;
								max-width: 8.6rem;
								.lh2;
								.lh(3.2rem);
								padding-top: 0.4rem;
							}
							span {
								float: right;
								.lhcf(3.2rem, #ccc, 1.2rem);
								padding-top: 0.4rem;
							}
							strong {
								clear: both;
								.es;
								.lhcf(3.2rem, #ccc, 1.2rem);
							}
						}
					}
					dl:nth-child(1) {
						.bs1(none);
					}
					.edit {
						padding-left: 2rem;
						dt {
							i {
								display: block;
								.pa0;
								z-index: 11;
							}
							i:before {
								.if2("\e72f", 2.8rem, 6.4rem, 1.8rem);
							}
						}
						dd {
							width: 20.8rem;
						}
					}
					.active {
						dt {
							i:before {
								.if2("\e730", 2.8rem, 6.4rem, 1.8rem);
							}
						}
					}
				}
			}
			.user-index {
				padding-top: 4.8rem;
				section {
					// .bg1;
					.mb1;
					.pl1;
					a, span {
						.pr;
						.lh1;
					}
					a:after {
						.if3("\e65f", 4rem, 4rem, 2rem);
					}
				}
				.detail {
					a {
						.pr;
						height: 8.0rem;
						dl {
							dt {
								float: left;
								.mr1;
								margin-top: 0.8rem;
								.s(6.4rem);
								img {
									.s;
									.bra(0.4rem);
								}
							}
							dd {
								float: left;
								width: 19rem;
								h3 {
									.lh2;
								}
								.sex;
								strong {
									float: left;
									.mr1;
								}
								span {
									float: left;
									.plr(1rem);
									.lhcfc(2.0rem, #fff, 1.04rem);
									.bsr1;
									.bra1;
								}
								.verify {
									color: #ffff00;
									.bsr2;
								}
								p {
									clear: both;
									.es;
									.lh2;
									.lh(2.4rem);
								}
							}
						}
					}
					a:after {
						.if3("\e65f", 4rem, 8rem, 2rem);
					}
				}
				.more {
					margin-bottom: 0;
					padding: 0;
					a {
						.pl1;
						.mb1;
						// .bsb1;
					}
					span {
						.pl1;
						.mb1;
					}
					span:after {
						.if3("\e65f", 4rem, 4rem, 2rem);
					}
				}
			}
			.user-activity {
				.swiper-slide {
					.activity-box {
						.activity-con {
							padding-top: 0.8rem;
							dl {
								.pr;
								height: 12.8rem;
								.mb1;
								.bg1;
								dt {
									float: left;
									.pl1;
									.pt1;
									img {
										.s(6.4rem);
									}
									span {
										.em;
										.lh2;
										.lh(2.4rem);
									}
									.sex;
									strong {
										float: none;
									}
									a, em {
										.pa0;
										z-index: 10;
									}
								}
								dd {
									.pr;
									float: left;
									width: 22rem;
									h3 {
										.em;
										float: left;
										.lh4;
										.pl1;
										width: 12.0rem;
									}
									span {
										float: right;
										.lh2;
										font-size: 1.04rem;
									}
									b {
										.pa;
										right: 0;
										top: 3.2rem;
										.lh4;
										color: #ffff00;
									}
									ul {
										clear: both;
										li {
											.pr;
											.lh2;
											padding-left: 3.2rem;
										}
										li:before {
											.es;
											.if2("\e604", 3.2rem, 3.2rem, 1.8rem);
											color: #ffff00;
										}
										li:nth-child(3) {
											.es;
											width: 13rem;
										}
									}
									strong {
										.pabr0;
										.lh2;
									}
								}
							}
							.edit {
								padding-left: 2rem;
								dt {
									i {
										.pa0;
										z-index: 11;
									}
									i:before {
										.if2("\e614", 2.8rem, 12.8rem, 1.8rem);
										color: red;
									}
								}
								dd {
									width: 20rem;
								}
							}
							.active {
								dt {
									i:before {
										.if2("\e730", 2.8rem, 12.8rem, 1.8rem);
									}
								}
							}
						}
					}
				}
			}
			.user-detail {
				padding-top: 0;
				.pic {
					overflow: hidden;
					.pr;
					height: 18.75rem;
					img {
						.pa;
						top: 3.6rem;
						left: 11.8rem;
						.r(6.4rem);
					}
					div {
						.pabl0;
						.w;
						height: 3.2rem;
						span {
							float: left;
							.lh2;
							.mr1;
							.pl1;
						}
						.sex;
						strong {
							float: left;
							.lh(3.2rem);
							.mr1;
						}
						em {
							float: left;
							.lhcfc(2.0rem, yellow, 0.96rem);
							width: 4.0rem;
							margin-top: 0.6rem;
							.bs1(0 0 0 1px yellow inset);
							.bra(0.4rem);
						}
						.play, .playing {
							.pr;
							float: right;
							.s(3.2rem);
						}
						.play:before {
							.if2("\e60c", 3.2rem, 2.6rem, 2.5rem);
							color: #ffff00;
						}
						.playing:before {
							// .if2("\e60c", 3.2rem, 2.6rem, 2.5rem);
							.if2("\e6e4", 3.32rem, 2.3rem, 2.66rem);
							color: #ffff00;
						}
						.self-play, .self-playing {
							.pr;
							float: right;
							.s(2.4rem);
							margin-top: 0.4rem;
							.mr1;
							background: rgba(0, 0, 0, 0.6);
							.bra(0.6rem);
						}
						.self-play:after {
							.if2("\e60c", 2.4rem, 2rem, 1.6rem);
							color: #ffff00;
						}
						.self-playing:after {
							// .if2("\e60c", 2.4rem, 2rem, 1.6rem);
							.if2("\e6e4", 2.46rem, 1.94rem, 1.72rem);
							color: #ffff00;
						}
						.record, .recording {
							.pr;
							float: right;
							.lhcf(2.4rem, yellow, 1.2rem);
							margin-top: 0.4rem;
							.mr1;
							padding-right: 0.8rem;
							padding-left: 2.4rem;
							background: rgba(0, 0, 0, 0.6);
							.bra(0.6rem);
						}
						.recording {
							.cw;
						}
						.record:before {
							.if2("\e60b", 2.4rem, 2.4rem, 1.4rem);
							color: #ffff00;
						}
						.recording:before {
							.if2("\e60b", 2.4rem, 2.4rem, 1.4rem);
							.cw;
						}
						div {
							.pr;
							float: right;
							.ptb(0.6rem);
							.plr(0.8rem);
							width: auto;
							height: 2rem;
							i {
								width: 4.0rem;
								.lhcfc(2.0rem, yellow, 1.04rem);
								.bra(0.4rem);
								.bs1(0 0 0 1px yellow inset);
							}
						}
						.focused {
							i {
								.cw;
								.bs1(0 0 0 1px #fff inset);
							}
						}
					}
				}
				.detail {
					.nav {
						.disbox;
						position: relative;
						bottom: 0;
						height: 3.2rem;
						margin: 0;
						.bg1;
						strong, .swiper-pagination-bullet {
							.bf;
							// float: left;
							// width: 25%;
							width: auto;
							display: block;
							height: 3.2rem;
							margin: 0;
							background: transparent;
							line-height: 3.2rem;
							.cw;
							font-size: 1.2rem;
							.bra(0);
							opacity: 1;
							.sn;
						}
						.swiper-pagination-bullet-active {
							color: #ffff00;
							.bb(1px, yellow);
						}
					}
					.swiper-wrapper {
						.swiper-slide {
							padding-bottom: 4.8rem;
						}
						.swiper-slide:nth-child(1) {
							ul {
								.pt1;
								li {
									.pr;
									.lh2;
									padding-left: 3.2rem;
									.pr1;
									.bg1;
									.bsb1;
									span {
										float: right;
										.lh2;
									}
									input {
										.patl0;
										.w;
										height: 3.2rem;
										opacity: 0;
									}
								}
								li:before {
									.if2("\e604", 3.2rem, 3.2rem, 1.8rem);
									color: #ffff00;
								}
							}
							ul:nth-child(2)  {
								padding-top: 0;
							}
							ul:nth-child(2) li:nth-child(5) {
								height: auto;
								div {
									padding-bottom: 0.8rem;
									strong {
										float: left;
										.lhcfc(2.0rem, yellow, 1.04rem);
										margin-right: 0.8rem;
										.plr(0.8rem);
										.bra1;
										.bsr2;
									}
								}
							}
						}
						.swiper-slide:nth-child(2) {
							img {
								float: left;
								margin-left: 0.6rem;
								margin-top: 0.6rem;
								.s(9.2rem);
							}
							.update-img {
								.pr;
								float: left;
								overflow: hidden;
								.s(9.2rem);
								margin: 0;
								margin-left: 0.6rem;
								margin-top: 0.6rem;
								label, img {
									.patl0;
									.s(9.2rem);
									margin: 0;
								}
								img {
									height: auto;
								}
								input {
									.pa;
									left: -9999px;
								}
							}
							a {
								float: left;
								margin-left: 0.6rem;
								margin-top: 0.6rem;
								.s(9.2rem);
								text-align: center;
								span {
									overflow: hidden;
									.s(9.2rem);
									img {
										float: none;
										margin: 0;
										.w;
										height: auto;
									}
									.horizontal {
										width: auto;
										height: 9.2rem;
									}
									.vertical {
										width: 9.2rem;
										height: auto;
									}
									.square {
										.s(9.2rem);
									}
								}
								img {
									float: none;
									margin: 0;
								}
							}
						}
						.swiper-slide:nth-child(3) {
							h2 {
								.lhcfc(4.0rem, #fff, 1.44rem);
								i {
									display: inline;
									.lhcfc(4.0rem, yellow, 1.44rem);
								}
							}
							ul, ol {
								li {
									span {
										.lh1;
										padding-left: 1.6rem;
									}
									strong {
										.pr;
										width: 89%;
										height: 1rem;
										margin-left: 1.6rem;
										padding-left: 1.6rem;
										em {
											.patl0;
											height: 1rem;
											background: #0af;
											.bra(0.2rem);
										}
									}
								}
							}
							ol {
								li {
									strong {
										em {
											background: pink;
										}
									}
								}
							}
						}
						.swiper-slide:nth-child(4) {
							h2 {
								.lhcf(2rem, #fff, 1.04rem);
								padding-left: 0.8rem;
							}
							.activity-box {
								a {
									.mb1;
									.bg1;
									dl {
										dt {
											float: left;
											.pl1;
											.pt1;
											img {
												.s(8rem);
											}
											span {
												.em;
												.lh2;
											}
										}
										dd {
											float: left;
											width: 20.4rem;
											h3 {
												.em;
												float: left;
												.lh4;
												width: 12.0rem;
											}
											span {
												float: right;
												.lh2;
												font-size: 1.04rem;
											}
											ul {
												clear: both;
												li {
													.pr;
													.lh2;
													padding-left: 3.2rem;
												}
												li:before {
													.es;
													.if2("\e604", 3.2rem, 3.2rem, 1.8rem);
													color: #ffff00;
												}
											}
										}
									}
								}
							}
						}
					}
				}
				.register {
					display: none;
					.pfbl0;
					.w;
					height: 4.0rem;
					.bg1;
					z-index: 99;
					span {
						float: left;
						width: 8.4rem;
						.lhcfc(2.4rem, yellow, 1.2rem);
						margin-left: 4.4rem;
						margin-top: 0.8rem;
						.bsr2;
						.bra(0.4rem);
					}
					strong {
						.lh1;
						text-align: center;
					}
				}
				.show {
					display: block;
				}
			}
			.user-name {
				section {
					.pt1;
					div {
						.pr;
						height: 4.0rem;
						.bg1;
						input {
							.lh1;
							width: 25.2rem;
							.pl1;
						}
						span {
							.patr0;
							.s(4.0rem);
						}
						span:before {
							.if2("\e62c", 3.56rem, 3.56rem, 2rem);
						}
					}
				}
			}
			.user-intro {
				section {
					.pt1;
					div {
						.pr;
						height: 9.6rem;
						width: 28.4rem;
						margin: 0 auto;
						background: #152c4c;
						.bra(0.4rem);
						textarea {
							.lh2;
							width: 27.6rem;
							height: 9.6rem;
							.pl1;
							.rzn;
						}
					}
				}
			}
			.user-body {
				padding-bottom: 0;
				.pl1;
				.bg1;
				section {
					.pr;
					.pl1;
					.lh1;
					.bsb1;
				}
				.active:after {
					.if3("\e645", 4rem, 4rem, 2rem);
					color: #ffff00;
				}
			}
			.user-label {
				padding-top: 4.8rem;
				section {
					.pl1;
					.mb1;
					h2 {
						.lhcf(2.4rem, #fff, 1.2rem);
						.pr1;
						span {
							float: right;
						}
					}
					ul {
						height: 3.2rem;
						li {
							.pr;
							float: left;
							.bd1;
							.mb1;
							margin-right: 0.8rem;
							.bra1;
							span {
								.lhcfc(2.4rem, #fff, 1.2rem);
								.plr(0.8rem);
							}
							i {
								// display: none;
								.patl0;
								.w;
								height: 3.2rem;
								padding-right: 0.8rem;
							}
							i:after {
								.if2("\e614", 100%, 2.2rem, 1.6rem);
								color: red;
							}
						}
					}
					div {
						.pr;
						float: left;
						width: 24.4rem;
						height: 3.2rem;
						background: #fff;
						.bra(0.4rem);
						input {
							.lh2;
							width: 23.6rem;
							.pl1;
							color: #222;
						}
						span {
							.patr0;
							.s(3.2rem);
						}
						span:before {
							.if2("\e62c", 2.88rem, 2.88rem, 2rem);
							color: #222;
						}
					}
					strong {
						float: left;
						.lh3;
						text-align: center;
						padding-left: 0.4rem;
						width: 3.2rem;
					}
				}
				.selected {
					ul {
						li {
							.pr;
							color: #ffff00;
							.bd2;
							.lhcfc(2.4rem, #fff, 1.2rem);
							.plr(0.8rem);
						}
					}
				}
				.input {
					height: 4.0rem;
				}
			}
			.user-album {
				padding-top: 0;
				padding-bottom: 0;
				.swiper-container {
					z-index: 100;
					padding-top: 4.0rem;
					.swiper-wrapper {
						.swiper-slide {
							img {
							}
						}
					}
					.swiper-pagination {
						.pf;
						top: 0;
						left: 0;
						.w;
						.bg1;
						.lhcfc(4rem, #fff, 1.2rem);
						z-index: 100;
					}
				}
			}
			.user-wallet {
				padding-top: 4.8rem;
				.balance {
					.mb1;
					h2 {
						.lh1;
						padding-left: 1.6rem;
					}
					span {
						.lhcfc(6.4rem, yellow, 3rem);
					}
				}
				.trade {
					.bst1;
					.bdb1;
					a, span {
						.pr;
						.lh1;
						padding-left: 1.6rem;
						.bsb1;
					}
					span {
						.bs1(none);
					}
					a:nth-child(4) {
						.bs1(none);
					}
					a:after, span:after {
						.if3("\e65f", 4rem, 4rem, 2rem);
					}
				}
				p {
					.lhcf(2.4rem, #fff, 1.12rem);
					padding-left: 1.6rem;
				}
			}
			.user-password {
				padding-top: 4.8rem;
				.password {
					.input2;
				}
				.btn {
					.btn1;
				}
			}
			.user-verifypw {
				h2 {
					.lh2;
					.pl1;
				}
				.verify {
					.input2;
					// margin-bottom: 0;
					div {
						margin: 0;
						.bs1(none);
						.bdt1;
					}
					div:nth-child(1) {
						border: none;
					}
				}
				p {
					.lh(2.4rem);
					font-size: 1.2rem;
					color: #ccc;
					height: auto;
					.pl1;
					.pr1;
					margin-bottom: 3.2rem;
				}
				.btn {
					.btn1;
				}
			}
			.user-withdraw {
				padding-top: 4.8rem;
				.account, .money, .password {
					.input2;
				}
				p {
					.lhcf(1.6rem, #ccc, 1.2rem);
					.tr;
					.pr1;
					i {
						display: inline;
						.lhcf(1.6rem, yellow, 1.2rem);
					}
				}
				p:nth-child(3) {
					margin-bottom: 2.4rem;
				}
				.btn {
					.btn1;
					margin-bottom: 1.6rem;
				}
				.hint {
					.lhcf(1.6rem, #fff, 1.2rem);
					.plr(0.8rem);
					height: auto;
				}
			}
			.user-pwmodify {
				h2 {
					.lh2;
					.pl1;
				}
				.password {
					.input2;
					// margin-bottom: 0;
					div {
						margin: 0;
						.bs1(none);
						.bdt1;
					}
					div:nth-child(1) {
						border: none;
					}
				}
				a {
					float: right;
					.lh(2.4rem);
					font-size: 1.2rem;
					color: #ccc;
					height: auto;
					.pl1;
					.pr1;
					margin-bottom: 3.2rem;
					.tr;
				}
				.btn {
					clear: both;
					.btn1;
				}
			}
			.user-forgetpw {
				h2 {
					.lh2;
					.pl1;
				}
				.forget {
					.input2;
					// margin-bottom: 0;
					div {
						margin: 0;
						.bs1(none);
						.bdt1;
					}
					div:nth-child(1) {
						border: none;
					}
				}
				p {
					.lh(2.4rem);
					font-size: 1.2rem;
					color: #ccc;
					height: auto;
					.pl1;
					.pr1;
					margin-bottom: 3.2rem;
				}
				.btn {
					.btn1;
				}
			}
			.user-record {
				.record-con {
					.bg1;
					div {
						width: 28.4rem;
						height: 6.4rem;
						.bst1;
						.pr;
						.ml1;
						.pr1;
						h3 {
							.es;
							float: left;
							width: 19.2rem;
							.lh2;
							.lh(3.2rem);
							padding-top: 0.4rem;
							font-size: 1.44rem;
							color: #ffff00;
						}
						span {
							.es;
							clear: left;
							float: left;
							.lhcf(2.4rem, #fff, 1.2rem);
						}
						strong {
							float: right;
							width: 8.8rem;
							.tr;
							.lhcf(6.4rem, #fff, 1.6rem);
						}
						a {
							.pa0
						}
						i {
							display: none;
							.pa0;
						}
					}
					div:nth-child(1) {
						.bs1(none);
					}
					.edit {
						width: 25.6rem;
						padding-left: 2.8rem;
						h3, span {
							width: 16.4rem;
						}
						i {
							display: block;
							.pa0;
							z-index: 11;
						}
						i:before {
							.if2("\e72f", 2.8rem, 6.4rem, 1.8rem);
						}
					}
					.active {
						i:before {
							.if2("\e730", 2.8rem, 6.4rem, 1.8rem);
						}
					}
				}
			}
			.user-hongbao {
				padding-top: 4.8rem;
				.hongbao-con {
					dl {
						height: 12.0rem;
						.bs1(0 0.8rem 0 0 #fe575f inset);
						.pt1;
						width: 28.4rem;
						.ma;
						.mb1;
						.bg1;
						.pr;
						dt {
							float: left;
							width: 8.0rem;
							h3 {
								.lh1;
								font-size: 1.44rem;
								.tc;
							}
							.hongbao {
								color: #fe575f;
							}
							.share {
								color: #e33092;
							}
							span {
								.lhcfc(4.0rem, #fe575f, 2.4rem);
							}
							strong {
								display: none;
								.pa;
								left: 16.0rem;
								top: 6.0rem;
								width: 8rem;
								.trf(rotate(-30deg));
								.lh2;
								font-size: 1.6rem;
								.tc;
								color: #fe575f;
								.bs1(0 0 0 2px #fe575f inset);
								.bra(0.4rem);
							}
							i {
								display: none;
								.pa0;
							}
						}
						dd {
							float: left;
							width: 19.2rem;
							height: 8.0rem;
							.pl1;
							h3 {
								.pr;
								.lh2;
								.lh(2.4rem);
								.tr;
								padding-top: 3.2rem;
							}
							h3.share {
								.tc;
							}
							h3:after {
								.aft;
								bottom: 0;
								right: 0;
								height: 1px;
								width: 10rem;
								background: #fff;
							}
							h3.share:after {
								display: none;
							}
							span {
								.lhcf(2.4rem, #ccc, 1.2rem);
								.tr;
								border-bottom: 1px dashed #fff;
							}
							span.share {
								display: none;
							}
							strong {
								.es;
								.lhcf(2.4rem, #ccc, 1.2rem);
								.tr;
							}
						}
						dd:nth-child(3) {
							float: none;
							clear: both;
							width: auto;
							height: 2.4rem;
						}
					}
					.exchanged {
						dt {
							strong {
								display: block;
							}
						}
					}
					.cancel {
						dt {
							strong {
								display: block;
							}
						}
					}
					.edit {
						padding-left: 2rem;
						dt {
							i {
								display: block;
								.pa0;
								z-index: 11;
							}
							i:before {
								.if2("\e72f", 2.8rem, 6.4rem, 1.8rem);
							}
						}
						dd {
							width: 20.8rem;
						}
					}
					.active {
						dt {
							i:before {
								.if2("\e730", 2.8rem, 6.4rem, 1.8rem);
							}
						}
					}
				}
			}
			.user-identify {
				padding-top: 4.8rem;
				padding-bottom: 0;
				.explain {
					.lhcfc(2.4rem, yellow, 1.2rem);
					margin: 0;
				}
				section {
					margin-bottom: 1.6rem;
					h2 {
						.lh2;
						.lh(2.4rem);
						.pl1;
						.tc;
					}
					p {
						.lhcfc(1.6rem, #fff, 1.12rem);
						padding-bottom: 0.4rem;
					}
					.update-img {
						.pr;
						overflow: hidden;
						width: 13.76rem;
						height: 18.56rem;
						.ma;
						label, img {
							.patl0;
							width: 13.76rem;
							height: 18.56rem;
						}
						img {
							height: auto;
						}
						input {
							.pa;
							left: -9999px;
						}
						span {
							.pabl0;
							.w;
							.lh1;
							.tc;
							background: rgba(0, 0, 0, 0.6);
						}
					}
				}
			}
			.user-report {
				.reason {
					h2 {
						.lhcf(2.4rem, #ccc, 1.2rem);
						.bsb1;
						.pl1;
					}
				}
				.selection {
					div {
						.pr;
						.lh1;
						.pl1;
						.bsb1;
						.bg2;
					}
					.active:after {
						.if3("\e645", 4rem, 4rem, 2rem);
						color: #ffff00;
					}
					.other {
						height: 9.6rem;
						.pl1;
						.pr1;
						.bg2;
						textarea {
							.w;
							.lhcf(3.2rem, #fff, 1.2rem);
							height: 9.6rem;
						}
					}
				}
				.other {
					.pr;
					.pl1;
					.pr1;
					.bg2;
					textarea {
						.w;
						.lhcf(3.2rem, #fff, 1.2rem);
						height: 9.6rem;
					}
				}
				.other.active:after {
					.if3("\e645", 4rem, 4rem, 2rem);
					color: #ffff00;
				}
				.upload-box {
					margin-bottom: 2.4rem;
					h2 {
						.lhcf(2.4rem, #ccc, 1.2rem);
						.bsb1;
						.pl1;
					}
					.update-box {
						.pt1;
						.pl1;
						.update-img {
							.pr;
							overflow: hidden;
							float: left;
							.s(8.0rem);
							margin: 0;
							margin-right: 0.8rem;
							.mb1;
							label, img, span {
								.patl0;
								.s(8.0rem);
							}
							img {
								height: auto;
							}
							span {
								display: none;
							}
							span:after {
								.if2("\e614", 8rem, 8rem, 2.2rem);
								color: red;
							}
							input {
								.pa;
								left: -9999px;
							}
						}
					}
				}
				.btn {
					.lh4;
					width: 80%;
					color: #ffff00;
					text-align: center;
					.bd2;
					margin: 0 auto;
					.bra1;
				}
			}
			.user-setting {
				section {
					.bg1;
					a, div {
						.pr;
						.lh1;
						.ml1;
						.pr1;
						.bdt1;
						span {
							float: right;
							.lh1;
							padding-right: 4.0rem;
						}
						strong {
							float: right;
							.pr;
							margin-top: 0.8rem;
							width: 4.8rem;
							height: 2.4rem;
							background: #999;
							.bs1(0 0 0 1px #d4d4d4 inset);
							.bra(1.2rem);
							.trs(0.5s);
							em {
								.patl0;
								width: 2.4rem;
								height: 2.4rem;
								.bgf;
								.bs1(0 0 0 1px #c7c7c7 inset);
								.bra(1.2rem);
								.trs(0.5s);
							}
						}
						strong.active {
							background: yellow;
							.trs(0.5s);
							em {
								left: 2.4rem;
								.trs(0.5s);
							}
						}
					}
					a:nth-child(1), div:nth-child(1) {
						border: none;
					}
					a:after, div:after {
						.rightarrow;
					}
				}
				.contact div:after, .message div:after {
					display: none;
				}
				.contact div:nth-child(2):after {
					.rightarrow;
				}
				p {
					.lhcf(2.4rem, #ccc, 1.2rem);
					.pl1;
				}
				.other {
					margin-bottom: 3.2rem;
				}
				.btn {
					.btn1;
				}
			}
			.user-blacklist {
				.blacklist-con {
					.bg1;
					a {
						height: 4.8rem;
						.bst1;
						.pr;
						.pl1;
						.ptb(0.8rem);
						img {
							float: left;
							.s(4.8rem);
							.mr1;
						}
						span {
							float: left;
							.mr1;
							.lhcf(4.8rem, #fff, 1.2rem);
						}
						.sex;
						strong {
							float: left;
							.lh(4.8rem);
						}
						i {
							display: none;
							.pa0;
						}
					}
					div:nth-child(1) {
						.bs1(none);
					}
					.edit {
						padding-left: 2.8rem;
						i {
							display: block;
							.pa0;
							z-index: 11;
						}
						i:before {
							.if2("\e72f", 2.8rem, 6.4rem, 1.8rem);
						}
					}
					.active {
						i:before {
							.if2("\e730", 2.8rem, 6.4rem, 1.8rem);
						}
					}
				}
			}
			.user-choose-contact {
				section {
					.bdb1;
					.pl1;
					a {
						.pr;
						.lhcf(5.0rem, #fff, 1.44rem);
						padding-left: 5rem;
						.bg1;
					}
					a:nth-child(1), a:nth-child(2) {
						.bdb1;
					}
					a:nth-child(1):before {
						.if2("\e648", 3.5rem, 4.3rem, 3rem);
						color: pink;
						left: 0.25rem;
						top: 0.25rem
					}
					a:nth-child(2):before {
						.if2("\e6df", 3.5rem, 4.3rem, 3rem);
						color: skyblue;
						left: 0.25rem;
						top: 0.25rem
					}
					a:nth-child(3):before {
						.if2("\e65d", 3.5rem, 4.4rem, 3rem);
						color: #ffff00;
						left: 0.25rem;
						top: 0.25rem
					}
					a:nth-child(1):after, a:nth-child(2):after, a:nth-child(3):after {
						.if3("\e65f", 3rem, 5rem, 1.6rem);
					}
					header {
						height: 3.2rem;
						span {
							float: left;
							.lhcf(3.2rem, #fff, 1.2rem);
							.pl1;
						}
						strong {
							.pr;
							float: right;
							.lhcf(3.2rem, #fff, 1.2rem);
							.pr1;
							padding-left: 2rem;
						}
						strong:before {
							.if2("\e72f", 2rem, 3.2rem, 1.6rem);
							color: #ffff00;
						}
						.active:before {
							.if2("\e730", 2rem, 3.2rem, 1.6rem);
							color: #ffff00;
						}
					}
					ul {
						li {
							.pr;
							.pl1;
							height: 4.0rem;
							.bst1;
							img {
								float: left;
								.s(3rem);
								margin-top: 0.5rem;
								margin-right: 1.2rem;
							}
							span {
								float: left;
								margin-right: 0.8rem;
								.lhcfc(3.2rem, #fff, 1.2rem);
							}
							strong {
								.pr;
								float: left;
								.lhcfc(3.2rem, #fff, 1.2rem);
								padding-left: 2rem;
							}
						}
						li:nth-child(1) {
							border: none;
						}
						.boy {
							strong {
								color: skyblue;
							}
							strong:before {
								.if2("\e682", 2rem, 3.2rem, 1.2rem);
								color: skyblue;
							}
						}
						.girl {
							strong {
								color: pink;
							}
							strong:before {
								.if2("\e694", 2rem, 3.2rem, 1.2rem);
								color: pink;
							}
						}
						.active:after {
							.if3("\e645", 3rem, 4rem, 1.6rem);
							color: #ffff00;
						}
					}
				}
			}
			.user-fans {
				.fans-con {
					.bg1;
					dl {
						height: 6.4rem;
						.bst1;
						margin-left: 0.4rem;
						dt {
							float: left;
							.pr;
							.s(4rem);
							margin-right: 0.4rem;
							margin-top: 1.2rem;
							img {
								.s;
							}
							a {
								.pa0;
							}
						}
						dt:nth-child(3) {
							.pr;
							.r(2.8rem);
							margin-top: 1.8rem;
						}
						.add {
							.bs1(0 0 0 1px #e13184 inset);
						}
						.add:after {
							.if2("\e607", 2.8rem, 2.2rem, 2.2rem);
						}
						.remove {
							.bs1(0 0 0 1px #ccc inset);
						}
						.remove:after {
							.if2("\e61e", 2.8rem, 2.92rem, 2.2rem);
						}
						.friend {
							.bs1(0 0 0 1px #00adff inset);
						}
						.friend:after {
							.if2("\e640", 2.8rem, 2.6rem, 1.8rem);
						}
						dd {
							float: left;
							width: 22rem;
							height: 6rem;
							padding-top: 0.4rem;
							h3 {
								float: left;
								.es;
								width: 8.0rem;
								.lhcf(3.2rem, #fff, 1.12rem);
							}
							.sex;
							strong {
								float: left;
								.lh(3.2rem);
								.mr1;
								margin-right: 0.32rem;
								font-size: 1.04rem;
							}
							.boy:before, .girl:before {
								padding-right: 0;
							}
							span, em {
								float: left;
								.lhcf(3.2rem, #ccc, 1.04rem);
							}
							span {
								margin-right: 0.32rem;;
							}
							p {
								clear: both;
								.lhcf(2.4rem, #ccc, 1.2rem);
							}
						}
					}
					dl:nth-child(1) {
						.bs1(none);
					}
				}
			}
			.user-header {
				padding-bottom: 4rem;
				p {
					.lhcf(16px, #fff, 12px);
					height: auto;
					margin-bottom: 100px;
				}
				section {
					height: 100%;
					img {
						max-width: 100%;
					}
				}
			}
			.user-login {
				background: transparent;
				padding-bottom: 0;
				.logo {
					// .s(8.0rem);
					// width: 24.0rem;
					// height: 15.972rem;
					width: 20.0rem;
					height: 13.4rem;
					.ma;
					margin-bottom: 8rem;
					img {
						.s;
					}
				}
				.info {
					width: 24.0rem;
					.ma;
					margin-bottom: 3.2rem;
					.input;
					div {
						background: transparent;
						padding-left: 4rem;
						input {
							width: 16rem;
							padding: 0;
						}
					}
					div:nth-child(1):before {
						.if2("\e663", 4rem, 4rem, 1.5rem);
					}
					div:nth-child(2):before {
						.if2("\e608", 4rem, 4rem, 1.5rem);
					}
				}
				.btn {
					.btn1;
					width: 24rem;
				}
				.other {
					width: 24rem;
					height: 2.4rem;
					.ma;
					margin-bottom: 2.4rem;
					a {
						width: 6.0rem;
						.lhcfc(2.4rem, #fff, 1.2rem);
					}
					a:nth-child(1) {
						float: left;
					}
					a:nth-child(2) {
						float: right;
					}
				}
				.wx {
					header {
						.pr;
						.lhcfc(3.2rem, #fff, 1.2rem);
						margin-bottom: 1.6rem;
					}
					header:before, header:after {
						.aft;
						top: 1.6rem;
						right: 3.0rem;
						width: 8.0rem;
						height: 1px;
						background: #fff;
					}
					header:before {
						left: 3rem;
					}
					a {
						.s(4rem);
						.bra(0.4rem);
						.bgf;
						.ma;
						img {
							.s(4rem);
							.bra(0.4rem);
							.bgf;
							.ma;
						}
					}
				}
			}
			.user-security {
				section {
					.lh1;
					.pl1;
					.pr1;
					.bg1;
					.bst1;
					strong {
						display: inline;
						.lh1;
					}
					span, a {
						float: right;
						width: 6.0rem;
						margin-top: 0.8rem;
						.lhcfc(2.4rem, yellow, 1.2rem);
						.bs1(0 0 0 1px yellow inset);
						.bra(0.4rem);
					}
				}
				section:nth-child(1) {
					.bs1(none);
				}
			}
			.user-phone {
				.phone {
					.lh1;
					.tc;
					.bsb1;
					span {
						display: inline;
					}
				}
				.set-phone {
					.input2;
					border: none;
					.bsb1;
					margin-bottom: 3.2rem;
					div {
						margin: 0;
					}
					div:nth-child(2) {
						input {
							width: 11.0rem;
						}
						span {
							right: 7.0rem;
						}
						em {
							float: right;
							width: 6.0rem;
							margin-top: 0.8rem;
							margin-right: 0.8rem;
							.lhcfc(2.4rem, yellow, 1.2rem);
							.bs1(0 0 0 1px yellow inset);
							.bra(0.4rem);
						}
					}
				}
				.btn {
					.btn1;
				}
			}
			.user-forget {
				.set-pw {
					.input2;
					border: none;
					.bsb1;
					margin-bottom: 3.2rem;
					div {
						margin: 0;
						strong {
							width: 7.2rem;
							.pl1;
							text-align: left;
						}
					}
					div:nth-child(2) {
						input {
							width: 11.0rem;
						}
						span {
							right: 7.0rem;
						}
						em {
							float: right;
							width: 6.0rem;
							margin-top: 0.8rem;
							margin-right: 0.8rem;
							.lhcfc(2.4rem, yellow, 1.2rem);
							.bs1(0 0 0 1px yellow inset);
							.bra(0.4rem);
						}
					}
				}
				.btn {
					.btn1;
					margin-bottom: 0.8rem;
				}
				.age {
					.pr;
					height: 4rem;
					.bg1;
					.bsb1;
					span {
						float: left;
						height: 4rem;
						line-height: 4rem;
						.lh1;
						width: 7.2rem;
						.pl1;
						text-align: left;
					}
					strong {
						float: right;
						.lh1;
						.pr1;
					}
					input {
						.patl0;
						.w;
						height: 4rem;
						opacity: 0;
					}
				}
				.sex {
					height: 4rem;
					.bg1;
					.bsb1;
					strong {
						float: left;
						height: 4rem;
						line-height: 4rem;
						width: 7.2rem;
						.pl1;
						text-align: left;
					}
					div {
						float: left;
						width: 21.2rem;
						height: 4rem;
						span {
							float: left;
							width: 50%;
							.lh1;
							.tc;
							color: #ffff00;
							i {
								.pr;
								display: inline;
								padding-left: 2rem;
							}
							i:before {
								.if2("\e72f", 2rem, 1.2rem, 1.2rem);
								color: #ffff00;
							}
						}
						.active {
							i:before {
								.if2("\e730", 2rem, 1.2rem, 1.2rem);
								color: #ffff00;
							}
						}
					}
				}
				.sex-hint {
					height: 2.4rem;
					margin-bottom: 2.4rem;
					.pl1;
					.lhcfc(3.2rem, #fff, 1.2rem);
				}
				.registered {
					.lh1;
					.tc;
					span, strong, i, a {
						display: inline;
						.cw;
					}
				}
				.hint {
					.pabl0;
					.lh1;
					.lh(2.4rem);
					.tc;
					.w;
					a {
						display: inline;
						.lh1;
						.lh(2.4rem);
					}
				}
			}
			.user-share {
				padding-top: 4.8rem;
				section {
					.bg1;
				}
				.image {
					height: 6.4rem;
					.mb1;
					img {
						.w;
						height: 6.4rem;
					}
				}
				.recommend {
					.lh1;
					.mb1;
					.tc;
					span {
						display: inline;
						color: #ffff00;
					}
				}
				.detail {
					.mb1;
					.pt1;
					img {
						.r(4.8rem);
						.ma;
						.mb1;
					}
					div {
						width: 24.0rem;
						height: 0.8rem;
						.ma;
						background: #fff;
						.bra(0.2rem);
						span {
							padding: 0;
							height: 0.8rem;
							background: yellow;
						}
					}
					span, strong {
						float: left;
						.lhcf(2.4rem, yellow, 1.12rem);
					}
					span {
						padding-left: 3.2rem;
					}
					strong {
						float: right;
						padding-right: 3.2rem;
						font-size: 1.04rem;
						em {
							display: inline;
						}
					}
				}
				a.recommended, a.hongbao {
					width: 10.6rem;
					.mb1;
					.ptb(0.8rem);
					.bg1;
					.lh2;
					height: auto;
					font-size: 1.6rem;
					.tc;
					.plr(2rem);
					span {
						display: inline;
						.lh4;
						font-size: 1.6rem;
					}
				}
				a.recommended {
					float: left;
				}
				a.hongbao {
					float: right;
				}
				a.code {
					clear: both;
					.pr;
					.bg1;
					.lhcfc(2.4rem, #fff, 1.2rem);
				}
				a.code:after {
					.if3("\e65f", 4rem, 2.4rem, 1.6rem);
				}
				p.share {
					.plr(2.4rem);
					.ptb(0.8rem);
					.lhcfc(2.4rem, #fff, 1.12rem);
					height: auto;
				}
				p.next {
					.lh4;
					.tc;
					.lh(2.4rem);
				}
				a.help {
					width: 12.0rem;
					.ma;
					.lhcfc(3.2rem, yellow, 1.2rem);
				}
			}
			.user-code {
				.ptb(0);
				background: transparent;
				.logo {
					padding-top: 8rem;
					margin-bottom: 6rem;
					img {
						width: 20.0rem;
						height: 13.4rem;
						.ma;
						// .mb1;
					}
					h2 {
						.lh3;
						.tc;
						font-size: 3rem;
					}
				}
				.code {
					img {
						.s(8.0rem);
						.ma;
					}
					span {
						.lhcfc(2.4rem, #fff, 1.2rem);
					}
				}
			}
			.user-playmate {
				.playmate-con {
					padding-bottom: 3.2rem;
					.bg1;
					div {
						height: 4.8rem;
						.bsb1;
						.pr;
						.pl1;
						.ptb(0.8rem);
						img {
							float: left;
							.s(4.8rem);
							.mr1;
						}
						span {
							float: left;
							.mr1;
							.lhcf(4.8rem, #fff, 1.2rem);
						}
						.sex;
						strong {
							float: left;
							.lh(4.8rem);
						}
						i {
							display: none;
							.pa0;
						}
					}
					div:nth-child(1) {
						// .bs1(none);
					}
					.edit {
						padding-left: 2.8rem;
						i {
							display: block;
							.pa0;
							z-index: 11;
						}
						i:before {
							.if2("\e72f", 2.8rem, 6.4rem, 1.8rem);
						}
					}
					.active {
						i:before {
							.if2("\e730", 2.8rem, 6.4rem, 1.8rem);
						}
					}
				}
			}
			.user-share-hongbao {
				.share-hongbao-con {
					.bg1;
					div {
						height: 4rem;
						.bsb1;
						.pr;
						.pl1;
						span {
							.pr;
							float: left;
							width: 2.8rem;
							height: 4rem;
							.mr1;
						}
						span:before {
							.if2("\e6bd", 2.8rem, 3.4rem, 1.8rem);
							color: red;
						}
						strong {
							float: left;
							.lhcf(4rem, #fff, 1.2rem);
							.mr1;
							i {
								display: inline;
								color: #ffff00;
							}
						}
						em {
							float: left;
							.lhcf(4rem, #fff, 1.2rem);
						}
					}
				}
				.more {
					height: 3.2rem;
					.ptb(0.8rem);
					.bg1;
					padding-right: 4.0rem;
					span {
						float: right;
						.lhcf(1.6rem, #fff, 1.2rem);
						strong {
							display: inline;
							.lhcf(1.6rem, yellow, 1.2rem);
						}
					}
					a {
						float: right;
						clear: both;
						.lhcf(1.6rem, yellow, 1.2rem);
					}
				}
			}
			.user-feedback {
				.feedback {
					.pt1;
					div {
						.pr;
						height: 9.6rem;
						width: 28.4rem;
						margin: 0 auto;
						background: #152c4c;
						.bra(0.4rem);
						textarea {
							.lh2;
							width: 27.6rem;
							height: 9.6rem;
							.pl1;
							.rzn;
						}
					}
				}
				.upload-box {
					margin-bottom: 2.4rem;
					h2 {
						.lhcf(2.4rem, #ccc, 1.2rem);
						.bsb1;
						.pl1;
					}
					.update-box {
						.pt1;
						.pl1;
						.update-img {
							.pr;
							overflow: hidden;
							float: left;
							.s(8.0rem);
							margin: 0;
							margin-right: 0.8rem;
							.mb1;
							label, img {
								.patl0;
								.s(8.0rem);
							}
							img {
								height: auto;
							}
							input {
								.pa;
								left: -9999px;
							}
							span {
								display: none;
							}
							span:after {
								.if2("\e614", 8rem, 8rem, 2.2rem);
								color: red;
							}
						}
					}
				}
			}
			.user-agreement {
				section {
					.pt1;
					padding-left: 0.8rem;
					padding-right: 0.8rem;
					h2 {
						.lhcf(3.2rem, #fff, 1.44rem);
					}
					p {
						.lhcf(1.8rem, #fff, 1.04rem);
						height: auto;
						padding-bottom: 0.4rem;
						text-indent: 3rem;
					}
					span {
						padding-left: 5rem;
						.lhcf(1.8rem, #fff, 1.04rem);
						height: auto;
						padding-bottom: 0.2rem;
					}
				}
			}
			.share-index {
				.bgf;
				padding-top: 8rem;
				padding-bottom: 0;
				section {
					img {
						.r(10.0rem);
						.ma;
						margin-bottom: 3.2rem;
					}
					h2 {
						.lh1;
						font-size: 2.4rem;
						.tc;
						color: #222;
					}
					p {
						width: 80%;
						.lhcf(2.4rem, #999, 1.2rem);
						height: auto;
						.ma;
					}
					h3 {
						.lh1;
						font-size: 1.44rem;
						color: #666;
						.tc;
					}
				}
				section:nth-child(1) {
					margin-bottom: 2.4rem;
				}
				section:nth-child(2) {
					padding-left: 5.2rem;
					span {
						float: left;
						width: 7.2rem;
						height: 10.4rem;
						margin-right: 5.2rem;
						img {
							.s(8rem);
							.bra(0);
							margin: 0;
						}
						strong {
							.lhcfc(2.4rem, #222, 1.2rem);
						}
					}
				}
			}
		}
	}
}

html {
	body {
		.date-time, .city-picker, .meeting-num {
			height: 20.4rem;
			.bg4;
			z-index: 19891016;
			.bar-nav {
				.patl0;
				.w;
				height: 3.2rem;
				padding: 0;
				.bg4;
				.bsb2;
				.lhcfc(3.2rem, #0079fc, 1.2rem);
				.cancel {
					float: left;
					width: 4.48rem;
					height: 3.2rem;
				}
				.button-link {
					width: 3.76rem;
					.lhcf(3.2rem, #222, 1.12rem);
					margin: 0;
				}
			}
			.picker-footer {
				.pabl0;
				.disbox;
				.w;
				height: 3.2rem;
				.bst2;
				span {
					.bf;
					.lhcfc(3.2rem, #0079fc, 1.2rem);
				}
				span:nth-child(2) {
					border-left: 1px solid #ccc;
				}
			}
			.picker-items {
				.disbox;
				.pa;
				left: 0;
				top: 3.2rem;
				.w;
				height: 14.0rem;
				.plr(3.2rem);
				.bgf;
				.bg4;
				-webkit-mask-box-image: none;
				.picker-items-col {
					.bf;
					.cw;
					font-size: 1.44rem;
					.picker-items-col-wrapper {
						.picker-item {
							.lhcfc(2.8rem, #fff, 1.44rem);
							padding: 0;
						}
						.picker-selected {
							.cw;
						}
					}
				}
				.picker-center-highlight {
					top: 5.6rem;
					height: 2.8rem;
					margin-top: 0;
				}
				.picker-center-highlight:before, .picker-center-highlight:after {
					.trf(none);
					.trf(scaleY(2));
					background: #fff;
				}
			}
		}
		.calendar {
			height: 20rem;
			.bg4;
			z-index: 19891016;
			.toolbar {
				height: 3.2rem;
				.toolbar-inner {
					height: 3.2rem;
					.picker-calendar-month-picker, .picker-calendar-year-picker {
						.lh(3.2rem);
						.link {
							max-width: none;
							.lh(3.2rem);
							.icon-next, .icon-prev {
								.s(1.2rem);
							}
						}
						.current-month-value, .current-year-value {
							.lh(3.2rem);
							font-size: 1.2rem;
							.cw;
						}
					}
				}
			}
			.picker-modal-inner {
				.picker-calendar-week-days {
					height: 2.4rem;
					.bg4;
					.picker-calendar-week-day  {
						.lhcfc(2.4rem, #fff, 1.2rem);
					}
				}
				.picker-calendar-months {
					.picker-calendar-months-wrapper {
						.picker-calendar-month {
							.picker-calendar-row {
								height: 2.8rem;
								.picker-calendar-day {
									.lhcfc(2.8rem, #fff, 1.2rem);
									span {
										.r(1.6rem);
										line-height: 1.6rem;
									}
								}
								.picker-calendar-day-prev {
									color: #999;
								}
								.picker-calendar-day-disabled {
									color: #666;
								}
								.picker-calendar-day-today {
									span {
										.r(1.6rem);
										background: #f60;
									}
								}
							}
						}
					}
				}
			}
		}
		.picker-bac {
			display: none;
			.pftl0;
			.w;
			background: #000;
			opacity: 0;
			z-index: 19891015;
		}
	}
}


body {
	.layui-m-layer {
		.layui-m-layermain {
			.layui-m-layersection {
				.layui-m-layer-msg {
					bottom: -16rem;
					background-color: rgba(0, 0, 0, 0.6);
					.layui-m-layercont {
						.lhcfc(1.5rem, #fff, 1.2rem);
						height: auto;
						padding: 1rem;
					}
				}
				.layui-m-anim-scale {
					width: 80%;
					max-width: 100%;
					.bg4;
					.bra(0.8rem);
					.layui-m-layercont {
						padding: 2rem;
						background: transparent;
						.bsb2;
						.lhcfc(2.0rem, #fff, 1.2rem);
						height: auto;
						img {
							.s(20.0rem);
						}
					}
					.layui-m-layerbtn {
						.disbox;
						background: transparent;
						height: 4.0rem;
						span {
							.bf;
							.lhcfc(4.0rem, #0079fc, 1.2rem);
							-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
						}
					}
				}
				.loading {
					width: 10.4rem;
					max-width: 10.4rem;
					min-width: 0;
					.layui-m-layercont {
						width: 6.4rem;
						.bs1(none);
						i {
							.s(1rem);
							margin-left: 0.32rem;
						}
						i:first-child {
							margin-left: 0;
						}
						p {
							margin-top: 0.8rem;
							.lhcfc(2rem, #fff, 1.2rem);
							height: auto;
						}
					}
				}
				.index-search {
					.layui-m-layercont {
						.bs1(none);
					}
					strong {
						.patr0;
						.s(4.0rem);
					}
					strong:after {
						.if2("\e62c", 4rem, 4rem, 2rem);
					}
					h2 {
						.lhcfc(3.2rem, #fff, 1.44rem);
					}
					div {
						h3 {
							.pr;
							.lhcfc(3.2rem, #fff, 1.28rem);
							padding: 0;
						}
						h3:before {
							.bef;
							height: 1px;
							width: 8.0rem;
							left: 0;
							top: 1.2rem;
							background: #fff;
						}
						h3:after {
							.bef;
							height: 1px;
							width: 8.0rem;
							right: 0;
							top: 1.2rem;
							background: #fff;
						}
						.con {
							.disbox;
							span {
								.bf;
								.lhcfc(2.4rem, #fff, 1.2rem);
								i {
									.pr;
									display: inline;
									padding-top: 0.56rem;
									padding-left: 1.6rem;
								}
							}
							.active {
								i:before {
									.if2("\e645", 1.6rem, 2.4rem, 1.6rem);
									color: #ffff00;
								}
							}
						}
					}
					.theme {
						margin-bottom: 1rem;
					}
					.btn {
						height: 5.6rem;
						span {
							.lhcfc(3.2rem, yellow, 1.2rem);
							.ma;
							.bs1(0 0 0 1px yellow inset);
							.bra(0.4rem);
						}
						em {
							float: right;
							.lhcf(2.4rem, yellow, 1.2rem);
						}
					}
				}
				.playmate-search {
					.layui-m-layercont {
						.bs1(none);
					}
					.sex {
						margin-bottom: 1rem;
					}
				}
				.hongbao {
					width: 24.0rem;
					.layui-m-layercont {
						.pr;
						overflow: hidden;
						.s;
						padding: 0;
						background: #d84e43;
						.cover {
							.pa;
							top: -56rem;
							left: -28.0rem;
							.r(80.0rem);
							background: #e1544a;
						}
						.title {
							.pr;
							padding-top: 3.2rem;
							span, strong {
								.lh4;
								font-size: 1.6rem;
								color: #fdda99;
								text-align: center;
							}
						}
						.money {
							.pr;
							.lh4;
							padding-top: 1.6rem;
							font-size: 1.6rem;
							text-align: center;
							color: #fdda99;
							margin-bottom: 4.5rem;
							span {
								display: inline;
								font-size: 2.4rem;
							}
						}
						.get {
							.pr;
							.r(10.0rem);
							background: #ddbd84;
							.ma;
							span {
								.pa;
								top: 0.4rem;
								left: 0.4rem;
								.r(9.2rem);
								background: #ddbd84;
								border: 1px solid #d84e43;
							}
							strong {
								.pr;
								width: 6.0rem;
								.lh4;
								font-size: 2.4rem;
								height: auto;
								color: #222;
								padding-top: 1.8rem;
								.ma;
								text-align: center;
							}
						}
						.more {
							.pabl0;
							.w;
							.lhcfc(2.4rem, #fdda99, 1.04rem);
						}
					}
				}
				.hongbao-confirm {
					.layui-m-layercont {
						padding: 0;
						background: #d84e43;
						.bra(2rem);
						h2 {
							.lhcfc(4.0rem, #fff, 1.6rem);
							.bdb1;
						}
						p {
							.lhcf(2.4rem, #fff, 1.36rem);
							text-align: left;
							height: auto;
							padding: 1rem;
						}
					}
				}
				.layer-selection {
					.layui-m-layercont {
						padding: 1rem;
						h2 {
							.lhcfc(4.0rem, #fff, 1.2rem);
							.bdb1;
						}
						.selection {
							span {
								.pr;
								.lh2;
								text-align: left;
							}
							span:after {
								.if3("\e72f", 3rem, 3.2rem, 1.6rem);
								color: #ffff00;
							}
							.active:after {
								.if3("\e730", 3rem, 3.2rem, 1.6rem);
								color: #ffff00;
							}
						}
					}
				}
				.change-wx {
					.w;
					bottom: 0;
					.bg4;
					.layui-m-layercont {
						.bg4;
						padding: 0;
						.bra(0);
						h2 {
							.lh2;
						}
						div {
							height: 6.4rem;
							span {
								float: left;
								width: 50%;
								height: 6.4rem;
								img {
									.s(4.0rem);
									.bgf;
									.ma;
									.bra(0.4rem);
								}
								em {
									.lhcfc(2.4rem, #fff, 1.2rem);
								}
							}
						}
						strong {
							.lh2;
						}
					}
				}
				.layer-password {
					width: 24.0rem;
					.layui-m-layercont {
						.plr(1.8rem);
						h2 {
							.lh4;
						}
						div {
							// overflow: hidden;
							.pr;
							height: 3.2rem;
							span {
								.pa;
								top: 0;
								width: 3.4rem;
								height: 3.2rem;
								.bs3(1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset, 0 -1px 0 0 #fff inset);
							}
							span:nth-child(1) {
								left: 0;
							}
							span:nth-child(2) {
								left: 3.4rem;
							}
							span:nth-child(3) {
								left: 6.8rem;
							}
							span:nth-child(4) {
								left: 10.2rem;
							}
							span:nth-child(5) {
								left: 13.6rem;
							}
							span:nth-child(6) {
								left: 17rem;
								.bs1(0 0 0 1px #fff inset);
							}
							input {
								.patl0;
								.w;
								// width: 18.9rem;
								.lh2;
								padding-left: 1.5rem;
								background: transparent;
								letter-spacing: 2.92rem;
								font-size: 1.44rem;
								// .bsb1;
							}
							// input {
							// 	// .patl0;
							// 	float: left;
							// 	width: 3.4rem;
							// 	// width: 18.9rem;
							// 	.lh2;
							// 	.tc;
							// 	// padding-left: 1.5rem;
							// 	background: transparent;
							// 	// letter-spacing: 2.9rem;
							// 	font-size: 1.44rem;
							// 	.bs3(1px 0 0 0 #fff inset, 0 1px 0 0 #fff inset, 0 -1px 0 0 #fff inset);
							// 	// .bsb1;
							// }
							// input:nth-child(6) {
							// 	.bs1(0 0 0 1px #fff inset);
							// }
						}
					}
				}
			}
		}
	}
}

body {
	.layui-m-layer {
		.layui-m-layermain {
			.layui-m-layersection {
				.user-setting {
					bottom: 0;
					width: 100%;
					.layui-m-layercont {
						.bg1;
						padding-top: 1.6rem;
						div, a, span {
							.pr;
							.lh2;
							width: 90%;
							.ma;
							margin-bottom: 1.6rem;
							.bg3;
							.bra(0.4rem);
							label {
								.patl0;
								.s;
							}
							input {
								.pa;
								left: -9999px;
							}
						}
						span {
							.bg1;
							.bsr2;
						}
					}
				}
				.delay-time {
					bottom: 0;
					width: 100%;
					.layui-m-layercont {
						padding: 0;
						.bg1;
						header {
							.lh2;
							color: #0079fc;
						}
						article {
							.disbox;
							height: 4.8rem;
							span {
								.bf;
								.lhcfc(4.8rem, #fff, 1.2rem);
								i {
									display: inline;
									.pr;
									.lh(4.8rem);
									// padding-left: 1.2rem;
								}
							}
							span.active i:before {
								.if2("\e645", 1.6rem, 1.2rem, 1.2rem);
								color: #0079fc;
							}
						}
						footer {
							.lh2;
							color: #0079fc;
						}
					}
				}
				.user-record {
					.w;
					bottom: 0;
					.layui-m-layercont {
						.bg1;
						padding: 0;
						padding-top: 0.8rem;
						p {
							.lhcfc(3.2rem, #fff, 1.2rem);
						}
						span {
							.pr;
							.r(8.0rem);
							.ma;
						}
						span:before {
							.if2("\e60d", 8rem, 6.1rem, 8rem);
							color: #172b4c;
							opacity: 0.6;
						}
						span:after {
							.if2("\e60b", 8rem, 7.8rem, 4rem);
							color: #ffff00;
						}
						.play:before {
							display: none;
						}
						.play:after {
							.if2("\e60c", 8rem, 6.34rem, 7.4rem);
						}
						.pause:before {
							display: none;
						}
						.pause:after {
							.if2("\e62d", 8rem, 7.4rem, 8.2rem);
						}
						// .stop:before {
						// 	display: none;
						// }
						// .stop:after {
						// 	.if2("\e6e4", 8.6rem, 5.6rem, 8rem);
						// }
						strong {
							.lhcfc(2.8rem, #fff, 1.2rem);
						}
					}
					.layui-m-layerbtn {
						display: none;
						.bg1;
						height: 4.0rem;
						span {
							.bf;
							margin: 0;
							border: none;
							background: transparent;
							.bra(0);
							.lhcfc(4.0rem, #0079fc, 1.2rem);
							-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
						}
					}
					.show-btn {
						.disbox;
					}
				}
				.share {
					.s;
					background: transparent;
					.layui-m-layercont {
						.s;
						padding: 0;
						img {
							.pf;
							right: 1rem;
							top: 2rem;
							width: 17.88rem;
							height: 18.72rem;
						}
					}
				}
			}
		}
	}
}

body {
	.mui-popup {
		.mui-popup-inner {
			.bg1;
		}
		.mui-popup-buttons {
			.mui-popup-button {
				.bg1;
				color: #ffff00;
			}
		}
	}
}

// 懒加载所需样式
body .lazy-refresh {
	height: 4rem;
	font-size: 1.2rem;
	line-height: 4rem;
	.tc;
	background: #faa;
}
body .lazy-loading {
	height: 4rem;
	font-size: 1.2rem;
	line-height: 4rem;
	.tc;
	.cw;
}
body .lazy-loading:before {
	display: inline;
	width: 2.0rem;
	line-height: 4.0rem;
	font-size: 1.6rem;
	text-align: center;
	font-family: '../font/iconfontmedium';
}

body {
	.no-data {
		display: none;
		padding-top: 13.76rem;
		.lhcfc(2.4rem, #fff, 1.44rem);
	}
	.index-no-data {
		padding-top: 4rem;
	}
}